Recipe Hub is a delightful web application that leverages the Spoonacular API for fetching recipe data.

Explore a variety of mouth-watering dishes and find your next culinary adventure.

• View Popular Recipes 🌐
• Explore Vegetarian Picks 🥦
• Discover Dessert Recipes 🍰
• Search for Desired Recipes 🔍
• Select Cuisines from a List of Different Cuisine Buttons 🌎
• View Detailed Information for a Specific Recipe, including Ingredients and Instructions 📜

• React
• Vite
• Tailwind CSS
• TypeScript
• Spoonacular API
• React-Splide for carousel/slider
• Framer Motion for animation

1. Clone the repository:

git clone https://github.com/akinyiliz/recipes-app.git

2. Install dependencies:

cd recipes-app
yarn install

3. Set up Environment Variables: Obtain an API key from Spoonacular API and create a .env file in the project root with the following content:

VITE_API_KEY=your-spoonacular-api-key

4. Run the Application:

yarn run dev

The application should now be running at http:https://localhost:3000.

• Visit the homepage to explore popular, vegetarian, and dessert recipes.
• Use the search bar to find specific recipes.
• Click on the cuisine buttons to filter recipes based on the selected cuisine.
• Click on a specific recipe card to view detailed information, including ingredients and instructions.

Your contributions are highly welcome!

If you find any mistakes, have additional insights, or want to contribute, feel free to create a pull request or issues.