Forkify is a recipe web app that allows users to search, view, modify, bookmark and add recipes.
| 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 to the current number of servings |
| Bookmark recipes | 📌 Bookmarking functionality: Display a 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" |
- Display
number of pagesbetween the pagination buttons - Ability to
sortsearch results by duration or number of ingredients - Perform
ingredient validationin view, before submitting the form Improve recipe ingredient input:separate in multiple fields and allow more than 6 ingredientsShopping list feature:button on recipe to add ingredients to a listWeekly meal planning feature:assign recipes to the next 7 days and show on a weekly calenderGet nutrition dataon each ingredient form spoonacular API (https://spoonacular.com/food-api) and calculate total calories of recipe
This project require some prequesites and dependenscies to be installed, you can view it online using this demo. or you can find the instructions below
To get a local copy, follow these simple steps :
- Clone the repo
git clone https://github.com/Pranav-Jadhav09/forkify-app- Install Dependencies
npm install- Run start script
npm run startContributions to this project are welcome! Feel free to submit pull requests or open issues for any improvements or features you'd like to add.
This project is licensed under GNU GENERAL PUBLIC LICENSE.