Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mehradevesh2022/movieverse
Welcome to MovieVerse, a comprehensive MERN (MongoDB, Express, React, Node.js) application that provides an immersive movie experience similar to IMDb. Discover, engage, and interact with movies, TV series, and their creators in a user-centric environment.
https://github.com/mehradevesh2022/movieverse
axios-interceptor axios-react express-validator formik-validation imdb-alternative jwt-authentication mern-project movie-app movie-reviews mui-material react-router-v6 redux-thunk redux-toolkit state-management tdmb-api yup-schema
Last synced: 13 days ago
JSON representation
Welcome to MovieVerse, a comprehensive MERN (MongoDB, Express, React, Node.js) application that provides an immersive movie experience similar to IMDb. Discover, engage, and interact with movies, TV series, and their creators in a user-centric environment.
- Host: GitHub
- URL: https://github.com/mehradevesh2022/movieverse
- Owner: MehraDevesh2022
- Created: 2023-08-12T04:49:57.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-08-12T17:14:28.000Z (over 1 year ago)
- Last Synced: 2024-10-23T04:34:23.112Z (2 months ago)
- Topics: axios-interceptor, axios-react, express-validator, formik-validation, imdb-alternative, jwt-authentication, mern-project, movie-app, movie-reviews, mui-material, react-router-v6, redux-thunk, redux-toolkit, state-management, tdmb-api, yup-schema
- Language: JavaScript
- Homepage: https://movieverse-bice.vercel.app/
- Size: 22.8 MB
- Stars: 3
- Watchers: 1
- Forks: 4
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# MovieVerse - Your Ultimate Movie App
---
## Demo
https://github.com/MehraDevesh2022/MovieVerse/assets/96515074/44fd8ef2-5f4e-4521-a79e-42148ac197e2
## Introduction
---
MovieVerse is a comprehensive MERN (MongoDB, Express, React, Node.js) application that offers an immersive movie experience similar to IMDb. With features such as detailed movie information, cast details, trailers, user accounts, reviews, and more, Movie-verse brings the world of movies to your fingertips.
## Technologies
---
### Front-end
---
- [Create React App](https://create-react-app.dev/): Building user interfaces with React.
- [Material UI](https://mui.com/): A popular React UI framework for creating visually appealing interfaces.
- [SwiperJS](https://swiperjs.com/): A swiper/slider component for images and other content.
- [React Router v6](https://reactrouter.com/): For handling navigation within the app.
- [Formik](https://formik.org/): For building and validating forms in React.
- [Yup](https://github.com/jquense/yup): A schema validation library for form validation.
- [Axios](https://axios-http.com/): For making HTTP requests to APIs.
### Back-end
---
- [Express](https://expressjs.com/): A fast and minimalist web application framework for Node.js.
- [Express Validator](https://express-validator.github.io/): Middleware for express that provides validation and sanitation of incoming data.
- [Jsonwebtoken](https://www.npmjs.com/package/jsonwebtoken): For handling user authentication and authorization.
- [Mongoose](https://mongoosejs.com/): An elegant MongoDB object modeling for Node.js.
- [Axios](https://axios-http.com/): For making HTTP requests from the server.
## Features
---
- Sign up and Sign in functionality for user accounts.
- Save movies to the Favorite list (with the ability to remove items).
- Write and manage reviews for movies (including the ability to delete reviews).
- Search functionality for movies, TV series, and people.
- Light and Dark theme for personalized user experience.
## Usage
---
1. Clone or download this repository to your local machine.
```bash
git clone
```
2. Navigate to the project directory:
---
````bash
cd movie-verse
```
````
3. Install dependencies for the server:
---
```bash
cd server
npm install
```
4. Create a `.env` file in the server directory and add the following environment variables:
---
```bash
MONGODB_URL= # Your MongoDB connection string
PORT=5000
TOKEN_SECRET_KEY= # Your secret key for JWT it can be any string
TMDB_BASE_URL=https://api.themoviedb.org/3/
TMDB_KEY= # Your TMDB API key
```
### Rescources for getting API keys:
[TMDB](https://www.themoviedb.org/documentation/api)
[MongoDB](https://docs.mongodb.com/guides/server/drivers/)
5. Install dependencies for the client:
```bash
cd client
npm install
```
## Run the app
---
1. Run the server:
---
```bash
cd server
npm start
```
2. Run the client:
---
```bash
cd client
npm start
```
3. Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
## Contributing
---
Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.