tanishkpandey / recipeAppByJS

Forkify is a vanilla JavaScript application that interacts with the Forkify API to fetch and display recipe food data.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Forkify

A recipe search application made with javascript.

About The Project

Forkify is a vanilla JavaScript application that interacts with the Forkify API to fetch and display recipe food data. The user can search for a specific recipe, and save to a favorites list via local storage. The user can easily increase or decrease servings as per his need and can view detailed directions.

Usage

  1. The Forkify Recipe App allows users to search for recipes.

  2. Users can view the recipe along with the cook time and also increase or decrease the amount of servings they need.

  3. Bookmarked recipes are stored in local storage so no database was required for this application.

Proposed features

  1. Number of pages between the pagination buttons.

  2. Ability to sort search results by duration or number of ingredients.

  3. Ingredient validation in view, before submitting the form.

  4. Improving recipe ingredient input: separate in multiple fields and allow more than 6 ingredients.

  5. Shopping list feature: button on recipe to add ingredients to a list.

  6. Weekly meal planning feature: assign recipes to the next 7 days and show on a weekly calendar.

  7. Nutrition data on each ingredient from spoonacular API (https:// spoonacular.com/food-api) and calculate total calories of recipe.

About

Forkify is a vanilla JavaScript application that interacts with the Forkify API to fetch and display recipe food data.


Languages

Language:JavaScript 49.3%Language:SCSS 39.6%Language:HTML 11.1%