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