🍽️ DishDeco

DishDeco is a modern recipe discovery web application where users can explore recipes for their favorite dishes, search for new recipes, and watch corresponding YouTube videos. It features a clean, responsive UI and provides a seamless experience across devices.

---

✨ Features

• 🍴 Recipe Exploration: Browse a variety of recipes for different cuisines.
• 🔍 Search Functionality: Quickly find recipes using dish names or ingredients.
• 📺 YouTube Integration: Watch YouTube videos associated with recipes.
• ❤️ Favorites Management: Save your favorite recipes for easy access.
• 📱 Responsive Design: Fully optimized for mobile, tablet, and desktop devices.
• 🎨 Modern UI: Built using TailwindCSS and daisyUI for a sleek and professional look.

---

🛠️ Tech Stack

• Frontend: React ⚛️
• Styling: TailwindCSS 🎨, daisyUI ✨
• API Integration: Edamam API 🍱
• Routing: react-router-dom 🌐
• Components: lucid-react 🧩

---

🚀 Installation and Setup

Follow these steps to run the project locally:

Prerequisites

Ensure you have the following installed:

• 🟢 Node.js (v16 or higher)
• 📦 npm or yarn
• ⚡ Vite (for local development)

Steps to Run Locally

1. Clone the repository:

   git clone https://github.com/your-username/dishdeco.git
   cd dishdeco
   

2. Install dependencies:

   npm install

3. Set up environment variables: Create a .env file in the root directory and add your Edamam API keys:

    VITE_EDAMAM_API_KEY=your_api_key
    VITE_EDAMAM_APP_ID=your_app_id
   

4. Run the development server:

   npm run dev

5. Open in your browser: Navigate to http://localhost:3000/ to see the DishDeco 🌐.

---

🌍 Deployment

• Push the code to a GitHub repository.
• Link the repository to your Vercel account.
• Add the environment variables in the Vercel dashboard.
• Deploy and access the live site 🚀.

---

📧 Contact

Developer: Ankit Kumar

Feel free to open issues or submit feature requests! 🚀