🎬 MovieMaster — Discover, Explore & Track Your Favorite Movies

---

Live Site

🔗 https://b12-a10-moviemaster.netlify.app

---

Repositories

Client-Side Repository

🔗 https://github.com/Jobayer561/MovieMaster-Client.git

Server-Side Repository

🔗 https://github.com/Jobayer561/MovieMaster-Server.git

---

Project Brief

MovieMaster is a modern, user-friendly platform for movie lovers to discover, explore, and track movies from all genres.
It allows users to maintain personal collections, manage watchlists, and browse movies with detailed information.

The goal of this platform is to provide a simple, fast, and visually appealing movie experience.

---

Project Description

MovieMaster delivers a smooth and engaging movie discovery experience:

• Browse movies with detailed information
• Add movies to personal collections
• Maintain a watchlist
• Filter movies by genre and rating
• Enjoy smooth animations and modern UI
• View featured and highlighted movies

This platform helps users organize their movie interests while keeping everything clean and easy to use.

---

Purpose

The main goals of MovieMaster are:

• Manage and track favorite movies
• Provide rich movie details
• Deliver smooth and responsive UI/UX
• Enable personalized collections and watchlists

---

Features

• Browse all movies
• Movie details page (cast, director, rating, plot, poster)
• Add movies to Watchlist
• Add movies to Collections
• Edit existing movies
• Delete movies
• Featured movie slider (Swiper)
• Beautiful animations (Framer Motion)
• Fast loading with skeleton UI
• Firebase authentication
• Toast notifications
• Fully responsive design

---

Tech Stack / Tools

Frontend

• React
• React Router
• Tailwind CSS
• DaisyUI
• Swiper.js
• Framer Motion
• React Icons
• Firebase Authentication
• React Hot Toast

Backend

• Node.js
• Express.js
• MongoDB

---

Pages in the Website

• Home.jsx — Featured slider, top-rated & latest movies
• AllMovies.jsx — All movie listings
• MovieDetails.jsx — Single movie details
• AddMovies.jsx — Add new movie
• EditMovie.jsx — Update movie
• MyCollections.jsx — User collections
• MyWatchList.jsx — User watchlist
• Login.jsx
• Register.jsx
• Error404.jsx

---

Getting Started

Follow these steps to run the project locally.

---

Prerequisites

Make sure you have installed:

• Node.js (v18+ recommended)
• npm
• MongoDB (Local or MongoDB Atlas)

---

Client Setup

git clone https://github.com/Jobayer561/MovieMaster-Client.git
cd MovieMaster-client
npm install
npm run dev