Cine-Phile is a futuristic, high-performance full-stack MERN (MongoDB, Express.js, React, Node.js) movie web application that brings the cinematic universe to your fingertips. Explore rich movie metadata, search intuitively, rate like a critic, and build your ultimate digital watchlist.
GitHub Repo: https://github.com/ChethanNazre/cine-phile
“Lights, camera, action!”
- 🎥 Browse a vast, dynamic movie collection powered by movie APIs
- 🔍 Fuzzy search by title, genre, language, or rating
- ⭐ Real-time rating, reviews, and interactive movie cards
- ❤️ Persistent personalized watchlist per user
- 🔐 JWT-secured authentication and protected routes
- 🛠️ Admin Dashboard to manage users, movies, and reviews
- 📡 Real-time states: loaders, skeleton UIs, error boundaries
- 🚀 Optimized performance with lazy loading and code splitting
- 🧠 Scalable, modular, developer-friendly architecture
These features combine to deliver a fast, immersive, and modern cinematic web experience across devices.
| Layer | Technology |
|---|---|
| Frontend | React.js, Tailwind CSS, Axios |
| Backend | Node.js, Express.js |
| Database | MongoDB Atlas |
| Authentication | JWT, Bcrypt |
| Utilities | React Router, Context API, Toastify |
| Deployment | Vercel (Client), Render (API) |
The chosen stack ensures performance, scalability, and maintainability for both developers and users.
Get the application running locally with the following steps:
git clone https://github.com/ChethanNazre/cine-phile.git
cd cine-philecd server
npm install
touch .env
# Add MongoDB URI and JWT secret in .env
npm run devThis launches the Express server and connects it to MongoDB.
PORT=5000
MONGODB_URI=your_mongodb_connection_string
JWT_SECRET=your_super_secret_keycd client
npm install
npm startRun the React development server and open the app in your browser.
The app should now be live athttp://localhost:3000
The backend runs athttp://localhost:5000
cine-phile/
├── client/ # React frontend
│ ├── src/
│ └── public/
├── server/ # Express backend
│ ├── routes/
│ ├── models/
│ └── controllers/
├── README.md
└── .gitignore
This modular layout separates concerns cleanly and supports scalability and maintenance.
Here are some screenshots showcasing the Cine-Phile application:
We welcome community contributions to improve Cine-Phile in every way possible—from UI/UX improvements and performance tweaks to feature additions and documen
We welcome community contributions!
- 🍴 Fork the repository
- 🛠️ Create your feature branch:
git checkout -b feature/YourFeature - ✅ Commit your changes:
git commit -m 'Add amazing feature' - 📤 Push the branch:
git push origin feature/YourFeature - 🔁 Open a Pull Request
Feel free to submit improvements in UI, bug fixes, documentation, or performance enhancements.
This project is licensed under the MIT License.
You are free to use, modify, and distribute this project with appropriate attribution.
See the LICENSE file for more details.
- 🐙 GitHub: @ChethanNazre
- 💼 LinkedIn: Chethan Nazre S.
Want to collaborate, hire, or geek out over movies and tech? Reach out! 🎬⚙️
Built with ⚡ and 🎬 by Chethan Nazre S.