omarsamy3 / forkify-food-app

It is a Modern Web Application using Modern JavaScript with modules, and Its content is about searching for food recipes and rendering its ingredients, also being able to make your own recipe, and save it or bookmark any recipe to navigate later.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Forkify

Forkify is a web application that allows you to search for food recipes from various sources, view the ingredients and instructions, and save your favorite recipes in a personal list. You can also adjust the servings and get the updated quantities of ingredients. Forkify is built with HTML, CSS, JavaScript, and uses the Forkify API to fetch the recipes.

Features

  • Search for recipes by keyword or cuisine
  • Browse through the results and select a recipe to see more details
  • View the ingredients, cooking time, and servings of each recipe
  • Adjust the servings and get the updated quantities of ingredients
  • Save your favorite recipes in a personal list that persists in the local storage
  • Access your saved recipes anytime and delete the ones you don't like

Installation

To run Forkify locally, you need to have Node.js installed on your machine. Then follow these steps:

  • Clone this repository to your local machine
  • Navigate to the project folder and run npm install to install the dependencies
  • Run npm start to start the development server
  • Open your browser and go to http://localhost:8080 to see the application

Demo

You can see a live demo of Forkify here.

License

This project is licensed under the MIT License - see the LICENSE file for details.

About

It is a Modern Web Application using Modern JavaScript with modules, and Its content is about searching for food recipes and rendering its ingredients, also being able to make your own recipe, and save it or bookmark any recipe to navigate later.


Languages

Language:JavaScript 47.9%Language:SCSS 28.9%Language:HTML 23.2%