Skip to content

This is a React JS app that uses the Spoonacular food API to search and display recipes with nutritional information.

Notifications You must be signed in to change notification settings

KavidiDeSilva/dish-discoveries

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Recipe App (Dish Discoveries)

This is a recipe app built with React that uses the Spoonacular API to search and display recipes.

image

image

Getting Started

To get started, clone this repository and install the dependencies:

git clone https://github.com/your-username/recipe-app.git

cd recipe-app

npm install

Create a file called .env in the root directory and add your Spoonacular API key like this:

REACT_APP_SPOONACULAR_API_KEY=your-api-key

To run the app in development mode, use the following command: npm start

This will start the app on http://localhost:3000.

Features

  • Search for recipes by keyword or cuisine type
  • View recipe details, including ingredients and instructions
  • Save recipes to a favorites list
  • View a list of your saved favorite recipes

Technologies Used

  • React
  • React Router
  • Framer Motion
  • React Icons
  • Styled Components
  • React Spilde
  • Spoonacular API

Contributing

If you'd like to contribute to this project, please open an issue or submit a pull request. All contributions are welcome!

License

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

Credits

I followed React Crash Course - Build A Full Recipe App Tutorial on Youtube to build this app.

About

This is a React JS app that uses the Spoonacular food API to search and display recipes with nutritional information.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published