Recipe Showcase Website

This is a recipe showcasing website developed using React and Tailwind CSS. The website utilizes the Spoonacular API to fetch a variety of recipes and display them on the page.

Features

• Recipe Display: Browse through a wide range of recipes fetched from the Spoonacular API.
• Search Functionality: Search for specific recipes by entering keywords or ingredients.
• Filtering: Filter recipes based on dietary preferences, cuisine types, and meal types.
• Recipe Details: View detailed information about each recipe, including ingredients, instructions, and nutritional information.
• Responsive Design: The website is fully responsive, ensuring optimal viewing experience across different devices.

Technologies Used

• Frontend:
  • React: JavaScript library for building user interfaces.
  • Tailwind CSS: Utility-first CSS framework for styling components.
  • Axios: Promise-based HTTP client for making API requests.

Screenshots

Here are some screenshots of the website:

• Recipe Search And Details:

Getting Started

To run the website locally, follow these steps:

1. Clone the repository to your local machine:

   git clone https://github.com/Not-Sahil-Raja/FoodRecipes.git
   

2. Navigate to the project directory:

   cd FoodRecipes
   

3. Install dependencies:

   npm install
   

4. Start the development server:

   npm start
   

   or

   npm run dev
   

5. Access the website in your web browser at http://localhost:3000.

Deployment

The website is deployed at GitHub Pages for production use.

Contributing

Contributions are welcome! Feel free to fork the repository, make changes, and submit a pull request.

License

This project is licensed under the MIT License.

---