🎬 Movie Portal

Welcome to Movie Portal – a user-friendly platform for exploring, adding, and managing your favorite movies. This project is designed to deliver a seamless and engaging movie experience with an intuitive UI and dynamic functionalities.

🌟 Live Demo

🔗 Visit the Movie Portal

🚀 Features

• 🎥 Explore Movies – Browse all movies in an elegant grid layout.
• ⭐ Featured Section – View top-rated movies dynamically sorted by ratings.
• 🔥 Movie Management – Add, update, and delete movies effortlessly.
• ❤️ Favorites List – Save movies to your favorites and manage them easily.
• 🔐 Authentication – Secure login & registration with Google authentication.
• 🎨 Dark Mode Toggle – Switch between light and dark themes.
• 🔍 Search Functionality – Quickly find movies by title.
• 📱 Fully Responsive – Optimized for mobile, tablet, and desktop devices.
• 🔔 Interactive Notifications – Get real-time feedback with toasts & alerts.

🛠️ Tech Stack

Frontend:

• React.js – Component-based UI development.
• React Router – Smooth navigation across pages.
• Tailwind CSS – Modern styling with utility-first approach.
• React Simple Star Rating – User-friendly rating system.
• React Hook Form – Efficient form handling.

Backend:

• Node.js & Express.js – Fast and scalable backend.
• MongoDB & Mongoose – NoSQL database for movie storage.
• Firebase Authentication – Secure user login & registration.

🚀 Installation & Setup

Prerequisites:

Ensure you have Node.js and MongoDB installed.

Steps to Run Locally:

1. Clone the repository:

   git clone https://github.com/salman679/movie-portal.git

2. Navigate to the client and install dependencies:

   cd client
   npm install
   npm start

3. Navigate to the server and install dependencies:

   cd server
   npm install
   npm run dev

4. Create a .env file and add your Firebase and MongoDB credentials.
5. Visit http://localhost:3000 in your browser.

📜 API Endpoints

Method	Endpoint	Description
GET	/movies	Fetch all movies
GET	/movies/:id	Fetch movie details
POST	/movies	Add a new movie
PUT	/movies/:id	Update movie details
DELETE	/movies/:id	Delete a movie

📌 Deployment

• Client: Deployed on Firebase .
• Server: Hosted on Vercel for seamless API calls.

🔥 Challenges & Enhancements

• Implemented real-time movie updates.
• Improved form validation using React Hook Form.
• Added smooth animations for UI elements.
• Enhanced performance optimization for faster load times.

📌 Contributions

Want to contribute? Feel free to fork the repository, create a feature branch, and submit a pull request! 💡

📞 Contact

✉️ Md Salman Izhar
🌍 Portfolio
💼 LinkedIn

---

🎬 Movie Portal – Explore, Manage & Enjoy Movies Like Never Before! 🍿