Skip to content

annabia95/project-netflix

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Project Netflix Clone

Nesse projeto desenvolvi uma página inspirada na plataforma Netflix! Aqui utilizei a API do site The Movie DB para buscar as informações dos filmes/séries (filme em destaque, descrição, gênero, ano de lançamento e imagens). Este projeto foi inspirado no vídeo de Bonieky Lacerda.

Veja o exemplo a seguir do layout do projeto!


Demo

Demo


Link para o deploy:

https://project-netflix-nine.vercel.app/

Instalação do projeto localmente:

Após cada um dos passos, haverá um exemplo do comando a ser digitado para fazer o que está sendo pedido, caso tenha dificuldades e o exemplo não seja suficiente, não hesite em me contatar em annagarcia@id.uff.br

  1. Abra o terminal e crie um diretório no local de sua preferência com o comando mkdir:
  mkdir projetos
  1. Entre no diretório que acabou de criar e depois clone o projeto:
  cd projetos
  git clone git@github.com:annabia95/project-netflix.git
  1. Acesse o diretório do projeto e depois utilize o comando npm i para instalar todas as dependências necessárias:
  cd project-netflix
  npm i
  1. Por último, rode o comando npm start e acesse o projeto via browser, no caminho http://localhost:3000/project-netflix.
  npm start

Habilidades Desenvolvidas

Neste projeto, desenvolvi as seguintes habilidades:

  • Fazer requisições a uma API (Application Programming Interface) do The Movie DB;
  • Utilizar os seus conhecimentos sobre JavaScript, CSS e HTML;
  • Trabalhar com funções assíncronas;
  • React (nível iniciante)
  • Media Queries (responsividade)

Referências

Clone do NETFLIX em REACTJS para Iniciantes
The Movie DB
REST test
JSON Viewer
Material UI