/Recipe-Finder

A single page web application that allows users to search recipes based on their query.

Primary LanguageJavaScript

Recipe Finder - React Application 🍑 🍜 🍴 🍒 🍕 🍏

About the Project

A single page web application that allows users to search recipes based on their query.

⭐ Demo ⭐ - Deployed over Github Pages

To view this app live, visit https://khushi-purwar.github.io/Recipe-Finder/

Technologies

  • React
    • Hooks
    • Components
  • CSS
    • CSS Flex
  • Javascript
    • Fetch API
    • ES6
  • API
    • Edamam API

Libraries Used

  • styled-components
  • axios
  • react-scripts

API Used

Edamam Recipe Search API

Link : https://www.edamam.com/

How It Works

  • Search a recipe in the search input
  • Grabs the recipe information from Edamam API.
  • Information is returned has a JSON object
  • Using React components to structure data into presentational format
  • Using CSS to create visually appealing and user friendly application