The React Recipe App is a user-friendly and feature-rich application designed to simplify your culinary adventures. Whether you're an experienced chef or just getting started in the kitchen, this app will be your trusty companion in the world of cooking. It leverages the power of React, styled components, and the Spoonacular API to provide you with a seamless and enjoyable recipe browsing and cooking experience.
-
Recipe Search: Easily find the perfect recipe for any occasion by searching through a vast collection of dishes. Whether you're craving a hearty dinner, a quick snack, or a special dessert, our app has you covered.
-
Detailed Information: Each recipe comes with a wealth of information, including a list of ingredients, step-by-step cooking instructions, and nutritional facts. You'll have everything you need to create delicious meals at your fingertips.
-
Save Favorites: Keep track of your favorite recipes by saving them to your profile. No more flipping through cookbooks or searching through bookmarks; your go-to recipes are just a click away.
-
User-Friendly Interface: Our intuitive interface makes it easy to navigate and explore recipes, so you can spend less time searching and more time cooking.
To get started with the React Recipe App, follow these simple steps:
-
Clone this repository to your local machine:
git clone https://github.com/mostlyali07/Recipe-Web-App.git
-
Navigate to the project directory:
cd Recipe-Web-App
-
Install the required dependencies:
npm install
-
Get your API key from Spoonacular and replace
YOUR_API_KEY
in the.env
file with your actual API key. -
Start the development server:
npm start
-
Open your web browser and visit
http://localhost:3000
to start using the app.
- React
- Styled Components
- Spoonacular API
We welcome contributions from the open-source community. If you'd like to enhance the app or report any issues, please check out our contribution guidelines.
This project is licensed under the MIT License - see the LICENSE file for details.
- Special thanks to the Spoonacular team for providing the amazing API that powers this app.
- We appreciate the open-source community for their valuable contributions and feedback.
If you have any questions, suggestions, or just want to say hello, feel free to reach out to us at [email protected].
Happy cooking! 🍽️👩🍳👨🍳