Forkify

View Demo

Table of Contents

1. About The Project
   • Features
   • Built With
   • Flowchart
   • Architecture
2. Getting Started
   • Installation
   • Tree Structure
3. Contributing
4. Acknowledgments

About The Project

Forkify is a recipe web app using the Forkify API to allow users to search, view, modify, bookmark and add recipes.

• 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)

---

Built With

• HTML
• CSS
• SASS
• JavaScript
• Parcel
• Babel
• Forkify API
• Libraries
  • fractional

---

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/V3n0nX/Forkify.git

2. Go to project folder

cd forkify

3. install dependencies

npm install

4. Run start script

npm start

(back to top)

Acknowledgments

• Jonas Schmedtmann