Skip to content

Sub-Dev/clone-netflix-ui

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

20 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Netflix

Replica clone da interface UI da plataforma de streaming Netflix

Interface da aplicação

Funcionamento da aplicação

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. Utilizei a API TMDb 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 :

🚀 Começando

Faça um clone desse repositório e acesse o diretório.

$ 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. 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:

# Instalando as dependências
$ npm install

# Executanto aplicação
$ npm start

Executa o aplicativo no modo de desenvolvimento.
Abra 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.