Forkify Web Application 2024

About the Project

The project is based on the API from Forkify V2. The Forkify website shows all the recipes from the API and allows adding new recipe data. It also includes local storage in the JavaScript code. There are buttons for increasing or decreasing servings, along with a bookmark feature as well.

Getting Started

First download all available resources of this my repositories. Save in your personal laptop or computer.

Requirement Tech Stack

• HTML
• SCSS
• Vanilla JavaScript
• Webpack
• NPM

Perquisite

• NPM Parcel

npm i parcel

• NPM CORE JS

import 'core-js/stable'; //polyfilling all code support old version in js

• NPM Fraction

npm i fractional

• NPM Regenerator Runtime

import 'regenerator-runtime/runtime'; //polyfilling all async await for es6 for support modern new promises ajax

How to Install

1. Get a free API Key at Forkify API_KEY
2. Clone the repo

git clone https://github.com/itechpaulj/forkify-app.git

3. Install NPM packages

npm install

4. Enter your API in config.js

const KEY = ${YOUR KEY}