Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/akiayu13/netflix-clone-react
This project is a Netflix clone made using ReactJS, Firebase, Tailwind CSS and for the backend it uses TMDB APIs.
https://github.com/akiayu13/netflix-clone-react
firebase firebase-auth react reactjs tailwind tailwind-css tailwindcss tmdb tmdb-api
Last synced: 9 days ago
JSON representation
This project is a Netflix clone made using ReactJS, Firebase, Tailwind CSS and for the backend it uses TMDB APIs.
- Host: GitHub
- URL: https://github.com/akiayu13/netflix-clone-react
- Owner: akiayu13
- Created: 2022-08-13T17:29:34.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-04-16T16:50:11.000Z (almost 2 years ago)
- Last Synced: 2024-11-16T04:16:21.026Z (2 months ago)
- Topics: firebase, firebase-auth, react, reactjs, tailwind, tailwind-css, tailwindcss, tmdb, tmdb-api
- Language: JavaScript
- Homepage: https://celebrated-pony-13adf8.netlify.app/new
- Size: 4.5 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Netflix Clone using React and Tailwind CSS
A Netflix clone made using React , Firebase,
Tailwind CSS and for the backend it uses TMDB APIs.
It has identical landing page, logIn, signUp and homepage just as
Netflix.com. Moreover, it has functionalities like play trailers, save
movies to watch later and view details of a particular movie.## Demo
You can visit the following link for a live demo of the project:
[Click here](https://celebrated-pony-13adf8.netlify.app/new)## Deployment
To deploy this project run
1. Clone/Download the repo2. In root directory run
```bash
npm install
```
3. Start
```bash
npm start
```
Enjoy!## Screenshots/GIFs
Landing
![Landing](https://user-images.githubusercontent.com/29685463/214485552-066504d1-b9ef-46e7-b9c9-0dd8fc75a43f.gif)Homepage
![Home](https://user-images.githubusercontent.com/29685463/214485694-00b1f9f2-3e2c-4db7-97c4-5ceef714522a.gif)
Play Trailers
![MovieDetails](https://user-images.githubusercontent.com/29685463/214480493-090480bb-2665-417f-9e19-2717799cbbc0.gif)Watchlist
![watchlist](https://user-images.githubusercontent.com/29685463/214485876-4994e98e-157f-4f9f-bd95-98dacd537b3a.gif)