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

https://github.com/giddyware/netflixclone

Netflix clone with Netflix like UI and functionalities built using React.js and Firebase. It has functions like creating a user which is powered with Firebase.
https://github.com/giddyware/netflixclone

context-api firebase netflix netflix-clone react reactjs styled-components

Last synced: 2 months ago
JSON representation

Netflix clone with Netflix like UI and functionalities built using React.js and Firebase. It has functions like creating a user which is powered with Firebase.

Awesome Lists containing this project

README

          

# Netflix Clone

Netflix clone with Netflix like UI and functionalities built using React.js and Firebase

![Logo](https://upload.wikimedia.org/wikipedia/commons/0/08/Netflix_2015_logo.svg)

## Demo

[LIVE](https://net-frontendsite.netlify.app/)

## Screenshots

![App Screenshot](https://user-images.githubusercontent.com/69719134/169709347-079f11e7-1938-4a5e-9f29-c4f998e6fd49.gif)


## Features

- Progressive Web App (PWA)
- Fully responsive and mobile friendly
- State management using Context API
- User authentication + sign in with Google
- UI almost similar to Netflix
- User can view movie/series info and trailer if available
- User can search for movies/series

## Environment Variables

To run this project, you will need to add the following environment variables to your .env file

`API_KEY`

`ANOTHER_API_KEY`

`REACT_APP_API_KEY`

`REACT_APP_FIREBASE_API_KEY`

`REACT_APP_FIREBASE_AUTHDOMAIN`

`REACT_APP_FIREBASE_DATABASEURL`

`REACT_APP_FIREBASE_PROJECTID`

`REACT_APP_FIREBASE_STORAGEBUCKET`

`REACT_APP_FIREBASE_MESSAGINGSENDERID`

`REACT_APP_FIREBASE_APPID`

`REACT_APP_FIREBASE_MEASUREMENTID`

`GENERATE_SOURCEMAP=false`

## Run Locally

Clone the project

```bash
git clone https://github.com/Giddware/Netflix-Clone.git
```

Go to the project directory

```bash
cd my-project
```

Install dependencies

```bash
npm install
```

Start the server

```bash
npm run start
```


## Contributing

Contributions are always welcome!


## License

[MIT](https://choosealicense.com/licenses/mit/)