# Forkify - A Recipe Finding Web app 

Date of completion: 13 Aug 2023 |

Forkify

View Demo ·

Description

Forkify is a user-friendly web application based on MVC Architecture made with Vanilla Javascript designed for discovering recipes through the Forkify API (accessible at Forkify API v2. It goes beyond being a conventional recipe aggregator by providing step-by-step guidance for cooking favorite dishes sourced from various online platforms. One of its standout features are the ability to adjust ingredient quantities based on the desired serving size,Pagination,Bookmark/unbookmark recipes,Adding own recepies and more features are to be added🚀

• Available search queries : Queries

Features

User Stories	Features
Search for recipes	functionality: input field to send request to API with searched keywords Display results with pagination Display recipe with cooking time, serving and ingredients
Update the number of servings	Change serving functionality: update all ingredients according ro current number of servings
Bookmark recipes	Bookmarking functionality: display list of all bookmarked recipes
Create recipes	Users can upload their own recipes User recipes will automatically be bookmarked User can only see their own recipes, not recipes from other users
Access to bookmarks and recipes when leaving the app and coming back later	Store bookmark data in the browser using "local storage"

(back to top)

Features in points

• Based on MVC Architecture

• User can search over 1,000,000 recipes.

• Pagination feature

• Powered by the Forkify API V2.

• Displays the ingredients required to prepare a dish.

• Allows user to choose serving size and accordingly adjusts ingredients.

• Displays recipe images.

• Directs user to source site for detailed recipe procedure.

• Recipes can be bookmarked/unbookmarked

• User can add their own recipe

  Built With

• HTML

• CSS

• SASS

• JavaScript

• Parcel

• Babel

• Forkify API

• Libraries

  • fractional

---

Flowchart

Architecture

---

Installation

Run the following commands in your command line:

git clone https://github.com/sujansince2003/Forkify-Recipe_WebApp.git

npm install

npm run start

Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks!

1. Fork the Project
2. Create your Feature Branch (git checkout -b newFeature)
3. Commit your Changes (git commit -m 'Added new Feature')
4. Push to the Branch (git push origin newFeature)
5. Open a Pull Request

Acknowledgments

• Jonas schmedtmann