Voltar aos projetos

<h3>Netflix Clone</h3>

Recriar a interface do Netflix como forma de aprendizagem e treinar as skills perante o uso de TypeScript, React e CSS. Durante a construção deste projeto foi usado este vídeo como material de apoio.

Todos os dados dos catálogos como título, descrição, capa, foto de background e avaliação foram extraídos ao usar a API TMDb.

Funcionalidades

  • Spinning Loading: Efeito ao trazer os dados da API.

  • Catálogo Destaque: Selecionar um catálogo de forma aleatória e apresentá-lo na página inicial.

  • Listagem Sessões: Ao consumir a API separar os catálogos em sessões.

  • Efeito Menu: Criar um efeito no background do menu conforme o scroll da tela do usuário.

  • Cartão Catálogo: Apresentar um cartão com os detalhes do catálogo ao passar o mouse por cima da capa.

  • Listagem Carrossel: Apresentar botões de controle para manipular a visualização dos itens da sessão.

  • Listagem Infinita: Ao chegar no final da lista dos catálogos deve-se apresentar os mesmos itens do início.

CSSHTMLReactJsJavaScriptGit / GitHub
Imagem do projeto Netflix Clone