https://github.com/sub-dev/clone-netflix-ui
Projeto recriando a interface da plataforma Netflix com ReactJS
https://github.com/sub-dev/clone-netflix-ui
clone material-ui netflix react reactjs tmdb-api
Last synced: 28 days ago
JSON representation
Projeto recriando a interface da plataforma Netflix com ReactJS
- Host: GitHub
- URL: https://github.com/sub-dev/clone-netflix-ui
- Owner: Sub-Dev
- Created: 2024-06-14T19:08:48.000Z (almost 2 years ago)
- Default Branch: master
- Last Pushed: 2024-06-27T18:39:02.000Z (almost 2 years ago)
- Last Synced: 2025-07-11T23:44:13.604Z (11 months ago)
- Topics: clone, material-ui, netflix, react, reactjs, tmdb-api
- Language: JavaScript
- Homepage: https://sub-dev.github.io/clone-netflix-ui/
- Size: 59.2 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Replica clone da interface UI da plataforma de streaming Netflix
# Clone Netflix UI
Desenvolvimento de um projeto de front-end utilizando HTML, CSS e JavaScript com a biblioteca React.js para replicar a interface do [Netflix](https://www.netflix.com/). Utilizei a [API TMDb](https://www.themoviedb.org/documentation/api) para obter todas as informações necessárias dos filmes, como título, descrição, capas, imagens de fundo e avaliações.
# Veja o Projeto ou siga os passos abaixo
https://sub-dev.github.io/clone-netflix-ui
## 🛠️ Construído com
# Tecnologias Utilizadas :
- [React.js](https://pt-br.reactjs.org/)
- [Material-UI](https://mui.com/material-ui/)
## 🚀 Começando
Faça um clone desse repositório e acesse o diretório.
```bash
$ git clone https://github.com/Sub-Dev/clone-netflix-ui.git && cd clone-netflix-ui
```
Para ter acesso a API você precisará de uma chave, basta criar uma conta no TMDB para ter acesso, [TMDB](https://www.themoviedb.org/). Caminho da chave: **Perfil -> Configurações -> API -> Chave da API**
Renomeie o arquivo `.env.example` para `.env` e cole o valor da sua chave no campo **REACT_APP_API_KEY**. Agora instale as dependências e execute o projeto:
```bash
# Instalando as dependências
$ npm install
# Executanto aplicação
$ npm start
```
Executa o aplicativo no modo de desenvolvimento.\
Abra [http://localhost:3000](http://localhost:3000) para visualizá-lo em seu navegador.
A página será recarregada quando você fizer alterações.\
Você também pode ver erros de lint no console.