Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/askhan963/netflix-clone-mern

This is a clone of Netflix using MERN stack. TMBD api is used for fetching data.
https://github.com/askhan963/netflix-clone-mern

express firebase-database mern-stack mongodb movie-database netflix netflix-clone nodejs react

Last synced: 2 months ago
JSON representation

This is a clone of Netflix using MERN stack. TMBD api is used for fetching data.

Awesome Lists containing this project

README

        

# Netflix Clone MERN

[![Demo](https://netflix-askhan.netlify.app/)](https://netflix-askhan.netlify.app/)

## Overview

This project is a Netflix clone developed using the MERN stack (MongoDB, Express.js, React, Node.js). It includes features such as user authentication, a main page showcasing available content, and team information.

## How to Run

1. **Fork the Repository**
2. **Front-end Setup:**
- Navigate to `netflix-ui` directory
- Run `npm install` to install dependencies
- Run `npm start` to launch the front-end

3. **Back-end Setup:**
- Navigate to `backend` directory
- Run `npm install` to install dependencies
- Run `node index.js` to start the back-end server

## Screenshots

### Login Page
![Login Page](https://github.com/askhan963/netflix-clone-mern/blob/main/screenshots/login.png)

### Signup Page
![Signup Page](https://github.com/askhan963/netflix-clone-mern/blob/main/screenshots/signup.png)

### Our Team
![Our Team](https://github.com/askhan963/netflix-clone-mern/blob/main/screenshots/team.png)

### Main Page
![Main Page](https://github.com/askhan963/netflix-clone-mern/blob/main/screenshots/mainpage.png)

### Main
![Main](https://github.com/askhan963/netflix-clone-mern/blob/main/screenshots/main.png)

## Contributors

- [Muhammad Awais Khan]

Feel free to contribute to the project and make it even better!