CineVerse is a comprehensive movie management system where users can browse, manage, and organize their favorite movies with advanced filtering, personal collections, and interactive features.
- 🎥 Browse Movies: Explore dynamic movies with posters, ratings, genres, and release years.
- 📝 Manage Collection: Add, edit, or delete movies in your personal collection.
- ⭐ Top Rated & Recently Added: Highlight top 5 rated and latest 6 movies.
- 🔍 Advanced Filtering: Filter movies by multiple genres and rating range.
- 📌 Watchlist: Save movies for future viewing.
- 🌗 Theme Toggle: Dark/Light mode for a comfortable viewing experience.
- 📱 Responsive Design: Optimized for mobile, tablet, and desktop devices.
- 🔒 Authentication: Login/Register with Email/Password and Google sign-in.
- 🚪 Protected Routes: Secure pages like My Collection and Add Movie.
- ⏳ Loading States: Spinners during API calls and form submissions.
- 🔔 Toast Notifications: For CRUD success/error messages.
- 🎬 Movie Details: Detailed info with owner-only edit/delete options.
- ❗ Delete Confirmation: Prevent accidental deletion with modals.
- ✨ Animations: Smooth UI animations for better UX.
- 🎡 Hero Carousel: Featured movies section on Home page.
- 📊 Statistics: Display total movies and users dynamically.
- 🎭 Genre Section: Static list of popular genres.
- 🏆 About Platform: Info about CineVerse features and benefits.
- ⚡ SPA Navigation: Smooth page transitions without reload errors.
- Frontend: React, React Router, TailwindCSS, DaisyUI
- Backend / Hosting: Firebase, Vercel
- Database: Firebase Firestore / MongoDB
- Authentication: Firebase Auth (Email/Password + Google Login)
| Category | Packages Used |
|---|---|
| Frontend | react-router-dom, axios, daisyui, react-icons, sweetalert2 |
| Backend | express, cors, dotenv, mongodb |
| Others | firebase, nodemon |
- Client-side: Firebase Hosting
- Server-side: Vercel
Designed & Developed with ❤️ using React and Firebase.