This is a solution to the Recipe Page Challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
The challenge was to build a responsive Recipe Page using Next.js and Tailwind CSS, following the provided designs and user stories.
- Solution URL: github.com/ansulagrawal/recipe-main-page
- Live Site URL: recipe-main-page-ansul.vercel.app
- Next.js - React framework
- Tailwind CSS - Utility-first CSS framework
This project allowed me to practice building a responsive web application using Next.js and Tailwind CSS. I gained experience in:
- Setting up a Next.js project with Tailwind CSS
- Implementing responsive design with Tailwind CSS utilities
- Deploying a Next.js application
- Responsive Design
In the future, I plan to focus on improving performance and accessibility, as well as exploring server-side rendering and static site generation with Next.js.
- Frontend Mentor - @ansulagrawal
- Github - @ansulagrawal
- Linkedin - @ansulagrawal
Special thanks to the Frontend Mentor community for providing this challenge and the Tailwind CSS team for creating such a powerful utility-first CSS framework.