🍲 Recipe Book App

A simple, interactive, and user-friendly web application that allows users to explore, add, like, and manage recipes. Whether you're a seasoned chef or just love food, this platform is perfect for discovering and sharing culinary creations.

---

🌐 Live Website

🔗 Visit the Live Site

---

🎯 Features

• 🔐 Authentication System

  • Email & Password login
  • Google social login
  • Protected routes for sensitive pages

• 🧑‍🍳 Recipe Management

  • Add new recipes (title, image, ingredients, steps, category, etc.)
  • Edit or delete your own recipes
  • See all your submitted recipes in one place

• ❤️ Like System

  • Users can like others' recipes
  • Like count visible on recipe details
  • "Top Recipes" section shows most liked items

• 📚 Browse All Recipes

  • View all submitted recipes from all users
  • Filter recipes by Cuisine Type (Italian, Mexican, etc.)

• 🌗 Theme Toggle

  • Light and Dark mode available for better UX

• ❌ Custom 404 Page

  • Unique, food-themed error page

---

📱 Responsive Design

The app is fully responsive and works smoothly on:

• Desktop 💻
• Tablet 📱
• Mobile 📞

---

🧰 Technologies Used

• React.js, React Router DOM
• Firebase Auth
• Node.js, Express.js
• MongoDB, Mongoose
• Tailwind CSS, DaisyUI
• SweetAlert2, React Toastify
• Lottie React & React-simple-typewriter (Animation)

---

repo : server: https://github.com/Programming-Hero-Web-Course4/b11a10-server-side-developerTamanna

repo: Client : https://github.com/Programming-Hero-Web-Course4/b11a10-client-side-developerTamanna

🚀 Deployment Info

• Client Side: firebase
• Server Side: Vercel
• Environment: Firebase config & MongoDB credentials are hidden using environment variables

---

📂 Folder Structure (Client)

├── components/ ├── pages/ ├── context/ ├── routes/ └── main.jsx

---

🛡️ Private Route Logic

• Add Recipe, My Recipes, and Recipe Details pages are accessible only after login.
• Users are redirected to login if they try to access private routes directly.

---

📝 How to Use

1. Visit the live site.
2. Register an account or login via Google.
3. Add new recipes and see them on the "All Recipes" page.
4. Like others' recipes, filter by cuisine, and enjoy exploring!
5. Update or delete your own recipes from the "My Recipes" page.

---

📬 Contact 01732572529

For any queries or suggestions, feel free to reach out:
📧 astamanna57@gmail.com

---

Made with ❤️ by Tamanna Akter