🍲 Recipe Hub

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.

Preview

🌟 Features

• 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 📜

🛠️ Technologies Used

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

🚀 Getting Started

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://localhost:3000.

💻 Usage

• 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.

🤝🏾 Contributions

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.