hykim-soulis / forkify-course

Recipe application with custom recipe uploads and bookmark function

Forkify

Forkify is a recipe application with custom recipe uploads and bookmark functions.

Project Description

Features

1. User can search for recipes with keywords and the search results are displayed with pagination.
2. Load the selected recipe details on the right side.
3. User can update the number of servings and all ingredients are also updated according to the current number of servings.
4. Bookmarking function displays the list of all bookmarked recipes and user can easily check, add and delete bookmarked items.
5. User can upload their own recipes.
6. User bookmarks and their own recipes are preserved to local storage.

What I've learned

• Model–View–Controller Architecture
• javascript modules
• npm, parcel and babel
• bundling, transpiling and polyfilling

Live demo link

https://forkify-hyeyoung.netlify.app/

Logic flowchart

How to Install and Run the Project

1. Clone the project

  git clone https://github.com/hykim-soulis/forkify-course.git

2. Go to the project directory

  cd project-directory

3. Install forkify with npm

  npm install

4. Build forkify with npm

  npm run build

5. Start forkify with npm

  npm run start

Resource

This project is a javascript project done with the Udemy course: The Complete JavaScript Course 2022 by instructor Jonas Schmedtmann. HTML and sass files were provided by the instructor.

The below link is the instructor's github address.

Instructor's GitHub