18harsh / forkify

The Forkify Recipe App allows users to search for recipes using the API. Users can view the recipe along with the cooking time and also increase or decrease the number of servings they need. At this point, the user can favorite the recipe or even add it to their shopping list if they want to shop for more than one recipe.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

forkify

The Forkify Recipe App allows users to search for recipes using the API. Users can view the recipe along with the cooking time and also increase or decrease the number of servings they need. At this point the user can favorite the recipe or even add it to their shopping list if they want to shop for more than one recipe. Favorite meals are stored in local storage so no database was required for this application.

Technologies Used:

  1. HTML5 & CSS3 The layout was carefully designed using CSS3 BEM naming convention. CSS-Grid was used to comply with the newest standards of development.

  2. JavaScript No frameworks were used in the development of this application. All functionality was built with vanilla ES6 JavaScript so feel free to dive into the code.

  3. Webpack Webpack was used as the module bundler to incorporate Axios for fetching as well as BABEL for compiling the next-gen JavaScript.

Image

About

The Forkify Recipe App allows users to search for recipes using the API. Users can view the recipe along with the cooking time and also increase or decrease the number of servings they need. At this point, the user can favorite the recipe or even add it to their shopping list if they want to shop for more than one recipe.


Languages

Language:HTML 96.4%Language:JavaScript 3.6%