https://github.com/vaibhavgarg237/netflixclone
Full stack Netflix clone using TMDB API to show data along with all CRUD functionalities
https://github.com/vaibhavgarg237/netflixclone
css express-js fullstack-development html5 javascript mongodb mongoose node-js react-router-dom reactjs tailwind-css
Last synced: 3 months ago
JSON representation
Full stack Netflix clone using TMDB API to show data along with all CRUD functionalities
- Host: GitHub
- URL: https://github.com/vaibhavgarg237/netflixclone
- Owner: vaibhavgarg237
- License: mit
- Created: 2022-09-17T10:37:46.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2023-03-02T17:21:52.000Z (over 3 years ago)
- Last Synced: 2025-03-15T06:42:55.967Z (over 1 year ago)
- Topics: css, express-js, fullstack-development, html5, javascript, mongodb, mongoose, node-js, react-router-dom, reactjs, tailwind-css
- Language: JavaScript
- Homepage: https://streamingclone.onrender.com/
- Size: 12.1 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Streaming webapp clone (Netflix)
- Hosted URL:
- Video demo: https://user-images.githubusercontent.com/67408018/222503701-1cfd08b3-36c0-44ab-b3c5-4ed594488958.mp4
This repo consists of frontend & backend part of my Netflix clone using [The MovieDB Api](https://www.themoviedb.org/documentation/api) for movies & shows details along with **CRUD** functionality for add to list feature.
### ***Table of Contents***
- [Streaming webapp clone (Netflix)](#streaming-webapp-clone-netflix)
- [***Table of Contents***](#table-of-contents)
- [***Technologies used***](#technologies-used)
- [***User Stories***](#user-stories)
- [***Runing Project Locally***](#runing-project-locally)
- [**License**](#license)
### ***Technologies used***
- Frontend
- **React Js**, Redux
- HTML, Tailwind CSS
- JavaScript
- Backend
- Nodejs
- ExpressJS
- Database
- MongoDB
- Mongoose
- Authentication ↔️ Firebase
- Deployed using onRender, Cyclic
### ***User Stories***
- User can ***Signin*** / ***Signup*** and create account.
- User can the see upcoming and trending movies/shows. Data updates periodically as per TMDB api.
- User can hover on a movie/show and an enlarged box appears having ***add to list*** feature. It also displays the title, add to list, Play, like, dislike.
- ***My List*** page fetches user added shows from database(mongodb) and shows the movie/show. ***CRUD*** operation included
### ***Runing Project Locally***
```
git clone https://github.com/vaibhavgarg237/netflixClone.git
cd netflixClone
```
- ***Client***
```
cd client
npm install
npm run start
```
- ***Server***
```
cd server
npm install
nodemon server.js
```
### **License**
All assets/shows/logos belongs to their respective owners i.e Netflix / TMDB or others. I only made this for learning and development purposes not for distribution of any copyright material.