12/08/2024
π Project Completed: Recipe Calories Website π½οΈ
https://recipe-calories-dev.netlify.app/
I'm thrilled to announce the completion of my latest project! π This website is all about delicious recipes with detailed ingredients, preparation time, and calorie information to help you cook with ease and keep track of your diet.
β
Key Features:
Fully responsive design based on a Figma prototype with a user-friendly interface.
Interactive recipe cards loaded dynamically from a JSON file.
A "Want to Cook" section where you can add and manage your favorite recipes.
A "Currently Cooking" section that updates in real-time when you start preparing a recipe.
Total preparation time and calorie count calculations for a healthier lifestyle.
Check it out and start cooking something amazing today! π¨βπ³β¨
Project Review:
This project was a great opportunity to dive deep into responsive web design and dynamic content loading using JSON. By following a Figma design, I ensured that the user interface is visually appealing while maintaining functionality. The interactivity of the "Want to Cook" and "Currently Cooking" sections adds a fun element to managing your recipes, making the cooking experience more engaging and organized.
The JSON file was well-structured with essential details for each recipe, which made data manipulation straightforward. The project is fully responsive, ensuring a smooth user experience across devices. Overall, I'm very satisfied with how this project turned out and excited to share it with everyone!
Would love to hear your thoughts and feedback! π