Forkify– Explore, Cook & Bookmark Recipes!

• 

  Home page after loading

• 

  After searching recipe with any keyword i.e., Pizza , Pasta, etc

• 

  after selecting any recipe

• 

  Bookmark view

• 

  Uploading a new recipe

Forkify -Your companion in cooking

📌Inspiration I love trying out new recipes, but I often find myself overwhelmed by endless food blogs and cluttered websites. I wanted something simple—just a way to search for good recipes, see what ingredients I need, and save the ones I like. That’s what inspired me to build Forkify—a clean, lightweight recipe app that does exactly that.

📌What it does? Forkify lets you search for recipes based on any keyword—like “pasta” or “brownies”—and then view details like ingredients, cooking time, and servings. You can also bookmark your favorite recipes to come back to later. It's fast, responsive, and built to make your cooking experience smoother.

📌How I built it I built this project using HTML, CSS, and JavaScript (ES6+). I used the Forkify API to fetch real-time recipe data and followed the MVC (Model-View-Controller) architecture to keep the code modular and organized. Everything was built from scratch without any frontend frameworks—just pure vanilla JavaScript. I used Git and GitHub to track my progress.

📌Challenges I ran into There were definitely a few roadblocks. Figuring out how to handle missing or inconsistent API data took some time. Managing state between different parts of the app—especially bookmarks—was tricky at first. I also spent time making sure the UI worked smoothly across devices without relying on any frameworks.

📌Accomplishments that I'm proud of I’m really proud that I built a complete, fully functional app on my own. I didn’t rely on any libraries or templates—just wrote everything myself. It was a great feeling to see it all come together: searching, viewing, and bookmarking recipes in a clean and user-friendly interface.

📌What I learned This project taught me a lot about working with APIs, organizing code properly using MVC, and managing state effectively in the frontend. I also gained a deeper understanding of DOM manipulation, async/await, and how to build responsive layouts from scratch.

📌What's next for Forkify I’d love to take Forkify further by adding user login and personalized recipe collections. I’m also planning to improve the search with filters (like vegetarian or quick meals), and possibly refactor the app using React or Angular. I'd also like to deploy it so others can try it out and give feedback.

Built With

• api
• css
• html
• javascript
• mvc
• parcel
• vscode