Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

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.

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 repo

2. 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)