Recipe Finder

Overview

Recipe Finder is a web application built with React and styled using Bootstrap and custom CSS. It allows users to search for recipes using the Spoonacular Recipe API. Users can view recipe details, including images, ingredients, and user reviews. Additionally, users can add their own reviews to each recipe.

Features

Search for recipes by keyword. Display recipe details including title, image, and ingredients. Add user reviews for each recipe. Responsive design compatible with various devices.

Technologies Used

React Bootstrap CSS Axios Spoonacular Recipe API

Getting Started

Prerequisites Node.js npm (Node Package Manager)

Running the Application

Start the development server: -npm start The application will run at http://localhost:3000.

API Usage

The application uses the Spoonacular Recipe API to fetch recipe data. Ensure you have a valid API key from Spoonacular and set it in the .env

Custom CSS

The application includes a custom CSS file (styles.css) for additional styling. It ensures a responsive design and includes styles for background images, containers, cards, and other UI elements.

Contributing

Contributions are welcome! Please follow these steps:

Fork the repository.

Create a new branch (git checkout -b feature/your-feature).

Commit your changes (git commit -m 'Add some feature').

Push to the branch (git push origin feature/your-feature).

Open a pull request.

License

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

Acknowledgements

Spoonacular for providing the recipe API. Bootstrap for the responsive design framework.

Contact

If you have any questions or suggestions, feel free to contact us: sinbad4u007@yahoo.com mantimbinkat@gmail.com