/Search-recipes

This web application is a recipe search tool developed using ReactJS for the user interface and Redux for state management. It utilizes the EDAMAM free recipe API to generate recipes based on the user's current search keyword. The link to the API is provided in the README for reference.

Primary LanguageJavaScript

Search recipes web app

Welcome to Search recipes web application! This project is built using ReactJS for the user interface and Redux for state management. It allows users to search for recipes based on keywords and utilizes the EDAMAM free recipe API for fetching recipe data.

deployed link

Getting Started

To get started with this project, follow these steps:

  1. Clone this repository to your local machine.
  2. Navigate to the project directory in your terminal.
  3. Run npm install to install the necessary dependencies.
  4. Start the development server by running npm start.
  5. Open your web browser and navigate to http://localhost:3000 to view the application.

Features

  • Search for recipes based on keywords.
  • View detailed information about each recipe.
  • Mobile responsive

API

This project utilizes the EDAMAM free recipe API to fetch recipe data. You can find more information about the API here.

Packages

Make sure to install the following packages using npm:

npm install react-redux redux @reduxjs/toolkit @redux-devtools/extension redux-thunk
Don't forget to install react devtools extension on your browser