Bon Appetit is a recipe app built using React that allows users to search for and discover a wide range of recipes. The app utilizes the Spoonacular API to fetch recipe data and display it in a user-friendly interface.
Recipe Search: Users can search for recipes based on various criteria such as ingredients, cuisine, or dietary preferences.
Recipe Details: Detailed information about each recipe, including ingredients, instructions, cooking time, and nutritional information.
Favorites: Users can save their favorite recipes for quick access later.
Responsive Design: The app is designed to be responsive and works well on both desktop and mobile devices.
React: The app is built using React, a popular JavaScript library for building user interfaces.
Spoonacular API: The Spoonacular API is used to fetch recipe data and retrieve recipe details.
React Router: React Router is used for navigation and routing within the app.
Styled Components: Styled Components is used for styling the app, allowing for a modular and component-based approach to CSS.
Axios: Axios is used for making HTTP requests to the Spoonacular API.
Clone the repository: git clone https://github.com/your-username/bon-appetit.git Navigate to the project directory: cd bon-appetit Install dependencies: npm install Set up environment variables: Create a .env file and add your Spoonacular API key. Example: REACT_APP_API_KEY=YOUR_API_KEY Start the development server: npm start Open the app in your browser: http://localhost:3000 Note: You will need to sign up for a Spoonacular API key to fetch recipe data. Visit the Spoonacular API documentation for more information.