https://github.com/imran21-dev/modified-moviesphere
MovieSphere is a dynamic web app that brings movies to life with detailed information, reviews, and personalized recommendations. Dive into a world of cinema and explore your favorite films effortlessly.
https://github.com/imran21-dev/modified-moviesphere
express firebase html5 javascript mongodb node react tailwindcss
Last synced: 3 months ago
JSON representation
MovieSphere is a dynamic web app that brings movies to life with detailed information, reviews, and personalized recommendations. Dive into a world of cinema and explore your favorite films effortlessly.
- Host: GitHub
- URL: https://github.com/imran21-dev/modified-moviesphere
- Owner: imran21-dev
- Created: 2025-01-06T16:37:36.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-01-08T03:05:29.000Z (over 1 year ago)
- Last Synced: 2025-04-06T01:15:39.350Z (about 1 year ago)
- Topics: express, firebase, html5, javascript, mongodb, node, react, tailwindcss
- Language: JavaScript
- Homepage: https://moviesharp-ff843.web.app/
- Size: 649 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Project Name - MovieSphere
## Purpose of the Website
MovieSphere is a web app that allows users to seamlessly upload, update, delete, and view detailed information about movies. It provides a straightforward and efficient platform for managing movie-related content.
- **Live Link :** [https://moviesharp-ff843.web.app/](https://moviesharp-ff843.web.app/)
- **Project's Docs :** [https://docs.google.com/document/d/1ozMfbFO1Tv1Gzu0r7Bse_ue_biNIQJhNW-Bu3CTm_Hc/edit?tab=t.0](https://docs.google.com/document/d/1ozMfbFO1Tv1Gzu0r7Bse_ue_biNIQJhNW-Bu3CTm_Hc/edit?tab=t.0)
- **Features -**
- ***Explore Top-Rated and Comprehensive Movie Listings -*** The website features a Home Page showcasing top-rated movies in the Featured Movies section. Users can navigate to the All Movies page to browse the complete collection. By clicking the "See Details" button at the bottom of each movie card, users can explore detailed information about any movie effortlessly
- ***Add Movies (Private Route) -*** Users can upload movies via the Add Movie page. Login is required to access this feature.
- ***Manage Favorite Movies (Private Route) -*** Users can add movies to a Favorites List, view them on the My Favorites page, and delete movies as desired.
- ***Update Movie Information -*** Users can edit movie details on the Update Movie page, accessible via the Movie Details page.
- ***Search Movies by Title -*** Users can search for movies on the All Movies page using their titles.
### Technologies
- JavaScript
- React
- Firebase
- Node js
- Express
- MongoDB
### Dependencies
- @fortawesome/fontawesome-free: ^6.7.1
- firebase: ^11.0.2
- localforage: ^1.10.0
- match-sorter: ^8.0.0
- prop-types: ^15.8.1
- react: ^18.3.1
- react-dom: ^18.3.1
- react-headroom: ^3.2.1
- react-helmet-async: ^2.0.5
- react-hook-form: ^7.53.2
- react-icons: ^5.4.0
- react-rating: ^2.0.5
- react-router-dom: ^7.0.2
- react-simple-star-rating: ^5.1.7
- react-spinners: ^0.14.1
- react-tooltip: ^5.28.0
- sort-by: ^1.2.0
- sweetalert2: ^11.14.5
- swiper: ^11.1.15
### Dev Dependencies
- @eslint/js: ^9.15.0
- @types/react: ^18.3.12
- @types/react-dom: ^18.3.1
- @vitejs/plugin-react: ^4.3.4
- autoprefixer: ^10.4.20
- daisyui: ^4.12.14
- eslint: ^9.15.0
- eslint-plugin-react: ^7.37.2
- eslint-plugin-react-hooks: ^5.0.0
- eslint-plugin-react-refresh: ^0.4.14
- globals: ^15.12.0
- postcss: ^8.4.49
- tailwindcss: ^3.4.15
- vite: ^6.0.1
### Installation
Run ```npm install``` to install project dependencies