Food Recipe Application

This project is a Food Recipe Application created as a part of the Multiverse Front End Bootcamp project. I have developed a dynamic and user-friendly food recipe application using a modern tech stack that includes React JS, Tailwind CSS, and the Edamam Recipe API. This front-end program offers a seamless and enjoyable experience for users looking to explore and discover new culinary delights.

Overview

The Food Recipe Application is a web-based platform designed to help users discover, explore, and prepare a wide variety of delicious recipes. This application is built using React JS, and Tailwind CSS, and integrates with the Edamam Recipe API to provide users with a rich and engaging culinary experience.

Features

• Recipe Search: Search for recipes by keywords, ingredients, or dietary preferences, powered by the Edamam Recipe API.

• Detailed Recipe Pages: Explore individual recipe pages with ingredients, step-by-step cooking instructions, nutritional information, and user reviews.

• Filtering and Sorting: Filter and sort recipes by criteria such as cooking time, cuisine type, or dietary restrictions.

• Responsive Design: The application is fully responsive, ensuring a seamless experience on various devices.

Tech Stack

• Front-End Framework: React JS
• CSS Framework: Tailwind CSS
• API Integration: Edamam Recipe API

Getting Started

Follow these steps to get the Food Recipe Application up and running on your local machine:

1. Clone the repository:

   git clone https://github.com/yourusername/food-recipe-app.git
   

2. Navigate to the project directory:

   cd food-recipe-app
   

3. Install dependencies:

   npm install
   

4. Configure API Key:

   Obtain an API key from Edamam Recipe API and configure it in the application (src/config/api.js).

5. Start the development server:

   npm start
   

6. Open your web browser and access the application at http://localhost:3000.