forkify

A Web App to search Recipe using the Forkify-API

Forkify

Search over 1,000,000 recipes

Topics Covered

JavaScript

API - Application Programming Interface

Features

• All in One Recipe Finder using JavaScript and Forkify-API API.

• Uses AJAX API calls to retrieve data from the Forkify API.

• Dynamic Search options for recipes.

• Renders Recipes and Ingredients.

• Can store your recipe.

• Search any food to receive a list of recipes containing that ingredient.

Forkify

• Change the servings size to alter the needed ingredient count proportionally.

Forkify

• Easily bookmark or unbookmark the selected recipe.

Forkify

• Create your own recipes and store them as user recipes (use a special icon).

Project Architecture

Built using the MVC Architecture. View class extends the rest of the components.

Forkify Architecture
Forkify flowchart

Controller keeps both directional dataflow. Model makes http requests.