🍲 Traditional Recipe

A curated collection of authentic traditional recipes from around the world.
Explore, cook, and preserve culinary heritage with easy-to-follow instructions.

🔗 Live Site: https://traditional-recipe.web.app/

---

✨ Features

• 🥘 100+ Authentic Recipes — Each with cultural context and beautiful images
• 🔥 Firebase-Powered — Real-time data storage & user authentication
• 📱 Fully Responsive — Optimized for mobile, tablet, and desktop
• 🌍 Global Cuisines — Filter by region, ingredients, or cooking time
• 🎥 Interactive UI — Lottie animations, Swiper.js carousels, and more
• 📊 Statistics Dashboard — Visualize your recipe data with Recharts

---

🛠️ Tech Stack

Frontend	Animation	Routing	Backend	Charts	UI/UX	Other
React 19	Lottie, Framer	React Router 7	Firebase	Recharts	Tailwind CSS	SweetAlert2, Swiper

---

📦 Dependencies

{
  "@emotion/react": "^11.14.0",
  "@lottiefiles/dotlottie-react": "^0.13.5",
  "@tailwindcss/vite": "^4.1.7",
  "firebase": "^11.7.3",
  "lottie-react": "^2.4.1",
  "react": "^19.1.0",
  "react-awesome-reveal": "^4.3.1",
  "react-dom": "^19.1.0",
  "react-icons": "^5.5.0",
  "react-infinite-scroll-component": "^6.1.0",
  "react-router": "^7.6.0",
  "react-simple-typewriter": "^5.0.1",
  "recharts": "^3.0.0",
  "sweetalert2": "^11.21.2",
  "swiper": "^11.2.6",
  "tailwindcss": "^4.1.7",
  "yet-another-react-lightbox": "^3.23.3"
}

---

🚀 Getting Started

1. Clone the repository:

   git clone https://github.com/shihabuddin-dev/traditional-recipe.git

2. Install dependencies:

   npm install

3. Start the development server:

   npm run dev

4. Build for production:

   npm run build

---

👨‍💻 Developer

Shihab Uddin

---

📄 License

This project is licensed under the MIT License — see the LICENSE file for details.