This is a recipe app built with React that uses the Spoonacular API to search and display recipes.
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
.
- 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
- React
- React Router
- Framer Motion
- React Icons
- Styled Components
- React Spilde
- Spoonacular API
If you'd like to contribute to this project, please open an issue or submit a pull request. All contributions are welcome!
This project is licensed under the MIT License. See the LICENSE file for details.
I followed React Crash Course - Build A Full Recipe App Tutorial on Youtube to build this app.