Utilize your HTML, CSS, and JavaScript skills to build a dynamic recipe application. You'll have the chance to practice working with a third-party API, bringing your project to life with a variety of recipes.
This project presents a fantastic opportunity to work with a frontend JavaScript framework like Vue or React. However, feel free to use any tools or technologies you're comfortable with to complete the project. If there's something you're eager to practice or explore, go ahead and give it a try
- Develop the application to closely match the provided design
- Ensure responsiveness by creating layouts for mobile, tablet, and desktop, following the provided design.
- Integrate data from the third party API to populate the application with recipes.
- Create individual recipe pages for detailed views of each recipe.
- Implement a toggle-able checklist for recipe ingredients.
The designs were created to the following widths:
- Mobile: 414px
- Tablet:
- Desktop: 1440px
- Monsterat: Google Fonts
- #ffffff
- ##efe7eb
- #f79f1a
- #000000
We provide the required icons but, if you prefer, you can use a font icon library. Some suggestions can be found below:
We're always looking to improve our projects and challenges on WebDevDaily. So if you have anything you'd like to mention, please email us webdevdailycontact@gmail.com.
Happy coding! 🚀