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!
https://project-netflix-nine.vercel.app/
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
- Abra o terminal e crie um diretório no local de sua preferência com o comando mkdir:
mkdir projetos- Entre no diretório que acabou de criar e depois clone o projeto:
cd projetos
git clone git@github.com:annabia95/project-netflix.git- 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- Por último, rode o comando npm start e acesse o projeto via browser, no caminho
http://localhost:3000/project-netflix.
npm startNeste 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)
Clone do NETFLIX em REACTJS para Iniciantes
The Movie DB
REST test
JSON Viewer
Material UI