Forkify - A Recipe Web Application

A web application that allows a user to search and display recipes from the Forkify API, as well as bookmark and add new recipes.

NOTE: The storage capacity for saving data is limited to the web browser's local storage capacity.

Usage Overview

1. Use the search field to search for recipe keywords
2. Recipe search results are displayed in the left column
3. When user clicks on a search result recipe, the recipe is displayed in the main content area
4. Servings size can be changed using the -/+ buttons, which also updates quantities of ingredients
5. Recipes can be bookmarked, which are saved to local storage
6. New recipes can be added, which are only seen by the user that added it
7. User added recipes display a user icon and are automatically bookmarked

Technologies Used

• JavaScript ES6
• HTML5
• Sass
• Forkify API
• Web Storage API

Acknowledgment

This project was developed based on a JavaScript Udemy Course