Skip to content

React-based recipe management app with Firebase auth, CRUD operations, theme toggle, search filters, and modern responsive UI design.

Notifications You must be signed in to change notification settings

web-hasib/Assignment-10-client

Repository files navigation

🍽️ Recipe Book – Client Side

This is the frontend of the Recipe Book web application, built using React and styled with Tailwind CSS and modern UI libraries. It communicates with a RESTful API to provide a seamless recipe management experience.

🔗 Live Site: https://recipe-book-90965.web.app/
🔗 server Live : https://recipe-book-server-gold.vercel.app/
🔗 server Ripo : https://github.com/web-hasib/Assignment-10-server


🚀 Features

  • 👤 User Authentication via Firebase (Email/Password & Google Sign-In)
  • 🧾 Full CRUD recipe management (via API)
  • 🔐 Protected Routes for secure navigation
  • ❤️ Like system with real-time updates
  • 🌓 Light/Dark theme toggle with persistence
  • 🎯 Filtered search by cuisine
  • 📱 Responsive design using Tailwind, Daisy UI, Mamba UI, Zen UI
  • 🎉 Enhanced UX with SweetAlert2, Lottie, typewriter, and reveal animations

🔧 Tech Stack

  • React JS
  • React Router DOM
  • Firebase Auth & Hosting
  • Tailwind CSS + DaisyUI + Mamba UI + Zen UI
  • Lottie React
  • React Awesome Reveal, React Simple Typewriter
  • SweetAlert2

📂 Pages

  • Home – Top recipes, CTA, animations
  • All Recipes – Grid view with filters
  • Add Recipe – Protected form for new recipes
  • Recipe Details – Full recipe view, like system
  • My Recipes – Update/delete own recipes
  • Authentication – Login, Register, Google OAuth
  • About / 404 – Informational and error pages

📞 Contact

👤 Hasibul Islam
🔗 GitHub | LinkedIn

About

React-based recipe management app with Firebase auth, CRUD operations, theme toggle, search filters, and modern responsive UI design.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages