Skip to content

The React Recipe App is a simple and efficient application created using React. It enables users to search for and explore a wide variety of recipes, providing detailed ingredient lists and cooking instructions for each dish. Whether you're a seasoned chef or a home cook, this app streamlines your recipe discovery and cooking process.

Notifications You must be signed in to change notification settings

mostlyali07/Recipe-Web-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React Recipe App

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.

Features

  • 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.

Getting Started

To get started with the React Recipe App, follow these simple steps:

  1. Clone this repository to your local machine:

    git clone https://github.com/mostlyali07/Recipe-Web-App.git
    
  2. Navigate to the project directory:

    cd Recipe-Web-App
    
  3. Install the required dependencies:

    npm install
    
  4. Get your API key from Spoonacular and replace YOUR_API_KEY in the .env file with your actual API key.

  5. Start the development server:

    npm start
    
  6. Open your web browser and visit http://localhost:3000 to start using the app.

Technologies Used

  • React
  • Styled Components
  • Spoonacular API

Contributing

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.

License

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

Acknowledgments

  • 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.

Contact

If you have any questions, suggestions, or just want to say hello, feel free to reach out to us at [email protected].

Happy cooking! 🍽️👩‍🍳👨‍🍳

About

The React Recipe App is a simple and efficient application created using React. It enables users to search for and explore a wide variety of recipes, providing detailed ingredient lists and cooking instructions for each dish. Whether you're a seasoned chef or a home cook, this app streamlines your recipe discovery and cooking process.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published