Welcome to CineMagic 🎥! This is a full-stack movie application built with the MERN stack that allows users to browse movies, add them to their watchlist, and manage content through an admin panel.
- 🔑 User Authentication: Sign up & login with JWT-based authentication.
- 🎬 Watchlist: Add movies to a personal watchlist.
- 🔍 Movie Browsing: Explore movies fetched from the database.
- 🎞 Add Movies: Admins can add new movies to the backend.
- 🖼 Upload Images: Movies include posters via Cloudinary.
- ✏ Edit & Delete: Manage movie records easily.
- 🌐 Node.js + Express: Efficient backend API handling.
- 🗄 MongoDB Atlas: Cloud-based NoSQL database.
- 🔑 JWT Authentication: Secure token-based authentication.
- ⚛ React: Dynamic and responsive UI.
- 🎨 Tailwind CSS: Modern & flexible styling.
- 📜 React Pagination: Easy movie navigation.
- 🍞 React Toastify: Clean notifications.
| Technology | Description |
|---|---|
| MongoDB Atlas | Cloud-hosted database |
| Express.js | Backend framework |
| React.js | Frontend library |
| Node.js | Backend runtime |
| Tailwind CSS | Styling framework |
| Cloudinary | Image storage |
| JWT | Secure authentication |
| Mongoose | ODM for MongoDB |
| React Context API | State management |
| React Hooks | Custom hooks for logic separation |
cine-magic-admin-panel_TP7yV8ha.mp4
cine-magic-movie-app_83ijrrCs.mp4
- Frontend (Admin & User Panel): Hosted on Vercel
- Movie app -- https://cine-magic-app-steel.vercel.app
- Admin-panel -- https://cine-magic-gamma.vercel.app
- Backend: Hosted on Render
🎬 Enjoy CineMagic! 🚀