/Forkify

This is a cookbook application that contains recipes for multiple different foods within categories. The user will then select the food he/she likes and the recipe view will be shown with much more details. The user will then be able to add the necessary ingredients to shopping cart.

Primary LanguageJavaScript

Forkify

Live Demo

https://jvjplus.github.io/Forkify/

Technologies

  • HTML5
  • CSS3
  • Vanilla JavaScript
  • Webpack
  • Babel
  • Axios
  • Fractional
  • Uniqid

General information:

The app allows you to search for any recipe and gives you the best results from the web, plus you can calculate the quantity of ingredients required based on the number of servings. Additionally, you have the option of bookmarking your favourite recipes. The user will then have the opportunity to add the necessary ingredients to his or her shopping cart.

App was created as part of Jonas Schmedtmann's JavaScript course on Udemy.

Concept:

We commonly face issues with the quantity of ingredients used when learning to make any new dish. The app provides the accurate amount of ingredients required to prepare the dish according to the number of servings.

In the event that you wish to purchase the ingredients to make the dish, you will be aware of the exact amount you must purchase. However, if you already have some of the ingredients, you may adjust the quantity accordingly. By doing this, you can save time and money by purchasing only the amount of ingredients that you require. Therefore, you do not need to purchase additional ingredients.

Special Features

  • Loading Spinners
  • Pagination
  • Bookmarks
  • Adding Items to cart based on no of servings
  • Empty state on respective views.
  • Mobile Friendly

Features That Can Be Added:

  • Hints like : try searching 'pizza, burger, chicken' with auto changing animation!
  • make option to add recipe using own api!
  • add delete all list items btn
  • add selective ingredients to list from recipe

Redo

  • responsivness & auto scroll.