Skip to content

Forkify is a recipe web app that allows users to search, view, bookmark and add recipes.

License

Notifications You must be signed in to change notification settings

Pranav-Jadhav09/forkify-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

54 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Awesome GitHub repo size Twitter Follow

Logo

Forkify App

Forkify is a recipe web app that allows users to search, view, modify, bookmark and add recipes.

➥ Live on vercel.app
➥ Live on render.com


Tech Stack

HTML5 CSS3 SASS JavaScript NPM Babel ChatGPT


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 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"

More Features to be added...

  • Display number of pages between the pagination buttons
  • Ability to sort search results by duration or number of ingredients
  • Perform ingredient validation in view, before submitting the form
  • Improve recipe ingredient input: separate in multiple fields and allow more than 6 ingredients
  • Shopping list feature: button on recipe to add ingredients to a list
  • Weekly meal planning feature: assign recipes to the next 7 days and show on a weekly calender
  • Get nutrition data on each ingredient form spoonacular API (https://spoonacular.com/food-api) and calculate total calories of recipe

Getting Started

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 :

Installation

  1. Clone the repo
git clone https://github.com/Pranav-Jadhav09/forkify-app
  1. Install Dependencies
npm install
  1. Run start script
npm run start

Contributing

Contributions to this project are welcome! Feel free to submit pull requests or open issues for any improvements or features you'd like to add.


License

This project is licensed under GNU GENERAL PUBLIC LICENSE.