Recipe Website - React.js

Welcome to the Recipe Website project built with React.js and powered by the Spoonacular API. This website allows users to explore a variety of recipes, find cooking inspiration, and discover new dishes.

Website Preview:

Features

• Browse a collection of delicious recipes.

• Search for recipes based on ingredients, cuisine, or dietary preferences.

• View detailed recipe information, including ingredients, instructions, and nutritional facts.

• Responsive design for a seamless experience on various devices.

• Demo

You can try out the live demo of the Recipe Website here: Demo Link

Getting Started

Follow these steps to set up the project locally on your machine:

1. Clone the repository:

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

cd recipe-website

npm install

npm start

Open your web browser and visit http://localhost:3000 to view the website.

Usage

Browse recipes: Explore a wide range of recipes by clicking on the available categories or using the search functionality.

Search for recipes: Use the search bar to find recipes based on ingredients, cuisine, or dietary preferences.

View recipe details: Click on a recipe card to view detailed information, including ingredients, instructions, and nutritional facts.

This project uses the Spoonacular API to fetch recipe data. To use the API, you need to obtain an API key from Spoonacular. Once you have the API key, create a .env file in the project root directory and add the following:

REACT_APP_SPOONACULAR_API_KEY=your-api-key-here

##Contributing Contributions are welcome! If you'd like to contribute to this project, please follow these guidelines:

-Fork the repository.
-Create a new branch for your feature or bug fix: git checkout -b feature-name.
-Make your changes and commit them: git commit -m 'Add new feature'.
-Push to the branch: git push origin feature-name.
-Create a pull request to merge your changes into the main branch.

Feel free to ask your queries and drop comments.