https://github.com/sharifuzzaman16/movie-portal

A feature-rich movie portal that allows users to easily explore, manage, and interact with their favorite movies. It offers an intuitive UI, robust functionality, and responsiveness across all devices for a seamless user experience.
https://github.com/sharifuzzaman16/movie-portal

expressjs firebase mongodb nodejs reactjs tailwindcss

Last synced: 17 days ago
JSON representation

A feature-rich movie portal that allows users to easily explore, manage, and interact with their favorite movies. It offers an intuitive UI, robust functionality, and responsiveness across all devices for a seamless user experience.

• Host: GitHub
• URL: https://github.com/sharifuzzaman16/movie-portal
• Owner: sharifuzzaman16
• Created: 2025-01-08T11:40:07.000Z (29 days ago)
• Default Branch: main
• Last Pushed: 2025-01-08T13:37:34.000Z (29 days ago)
• Last Synced: 2025-01-10T10:23:03.781Z (28 days ago)
• Topics: expressjs, firebase, mongodb, nodejs, reactjs, tailwindcss
• Language: JavaScript
• Homepage: https://movie-portal-client-b951d.web.app/
• Size: 7.94 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
### Movie Portal 🎥  

A feature-rich movie portal designed to simplify exploring, managing, and interacting with your favorite movies. With an intuitive user interface, robust functionality, and responsiveness across devices, the platform ensures a seamless experience for users.

---

### 🚀 Live Site  

[Visit Movie Portal](https://movie-portal-client-b951d.web.app/)

---

### 🌟 Features  

1. **Dynamic Movie Management**: Add, view, update, and delete movies with rich data, including posters, ratings, and genres.  

2. **Authentication & Authorization**: Secure login, registration, and Google sign-in integration with Firebase. Private routes for personal data management.  

3. **Favorites Management**: Add movies to your favorites and manage them effortlessly.  

4. **Search & Filter**: Efficient search functionality for quick access to movies by title.  

5. **Dark/Light Mode**: Toggle between dark and light themes to enhance viewing comfort.  

---

## Screenshots

### Home Page

![Home Page](./src/assets/project-screenshots/home.png)

### All Movie Page

![All Movie Page](./src/assets/project-screenshots/all-movie.png)

### Movie Details Page

![Movie Details Page](./src/assets/project-screenshots/details.png)

### Add Movie Page

![Add Movie Page](./src/assets/project-screenshots/add-movie.png)

### Update Movie Page

![Update Movie Page](./src/assets/project-screenshots/update.png)

### Favorite Movie Page

![Favorite Movie Page](./src/assets/project-screenshots/favotire.png)

### Movie News Page

![Movie News Page](./src/assets/project-screenshots/news.png)

### 🔧 Tech Stack  

- **Frontend**: React, Vite, Tailwind CSS, React Hook Form, DaisyUI.  

- **Backend**: Node.js, Express.js, MongoDB.  

- **Authentication**: Firebase.  

- **Deployment**: Firebase (client-side), Vercel (server-side).  

---

### 🛠️ Key Functionalities  

1. **CRUD Operations**:  

   - Create, Read, Update, Delete movies seamlessly with real-time updates.  

2. **Responsive Design**:  

   - Fully optimized for mobile, tablet, and desktop devices.  

3. **Toasts & Sweet Alert**:  

   - Error and success messages via toast notifications for user feedback.  

4. **Secure Environment**:  

   - Environment variables hide sensitive Firebase and MongoDB credentials.  

## Author

Sharifuzzaman Eusuf  

[Portfolio](https://sharifuzzaman.vercel.app/) | [Linkedin Profile](https://www.linkedin.com/in/sharifuzzaman24/)

---

This Movie Portal is designed to provide an immersive, user-friendly experience for movie enthusiasts. 🚀