/recipe-app

A web application that provides a collection of recipes sourced from the Edamam Recipe Search API

Primary LanguageJavaScript

Recipe App

This is a web application that provides a collection of recipes sourced from the Edamam Recipe Search API. It allows users to explore various recipes based on different criteria such as ingredients, diet restrictions, cuisine type, and more.

Features

  • Recipe Search : Search for recipes based on keywords, ingredients, or dietary preferences.
  • Filtering : Filter recipes by various criteria such as cuisine type, meal type, diet labels, and more.
  • Detailed Recipe Information : Access detailed information for each recipe, including ingredients, nutritional information, and cooking instructions.
  • Responsive Design : The app is optimized for various screen sizes, ensuring a consistent user experience across devices.
  • Download Recipe Steps : Download the recipe steps as a CSV file for offline use or printing.

Libraries and Tools used in this project

  • Reactjs (a Javscript library for building user interface ).
  • MaterialUI ( styling library sponsored by Google).
  • Axios (An Https library for fetching API data).
  • GIT (A version control system for deploying the code to Github).
  • React-Router (routing library to navigate between the web-pages).

Usage

To rund this project locally, follow these steps.
  1. Clone this repository.
  2. Install dependencies using npm install or Yarn Install.
  3. Start the server using npm start or Yarn start.
  4. Open your browser and navigate to http://localhost:port (replace port with the port number configured in your environment).
  5. Obtain an API key from Edamam and replace YOUR_API_KEY in the code with my actual API key.