Skip to content

Latest commit

 

History

History
61 lines (45 loc) · 2.55 KB

README.md

File metadata and controls

61 lines (45 loc) · 2.55 KB
Raw

Challenge-nivel-1

Neste desafio, vamos relembrar tanto CSS/HTML/JavaScript para ser a base para nossos próximos desafios, preparado?

Seu principal objetivo é criar uma réplica do site https://www.primevideo.com/.

Capriche no design, modularização, web semântica e no JavaScript! As imagens dos filmes podem ser aleatórias e o https://pixabay.com/ vai te auxiliar nesta jornada.

Observações: A foto do layout está em anexo neste documento ( Veja a foto Desafio1.png ) Você pode escolher qualquer lib/framework que desejar para realizar este desafio.

Sugestão de API para o conteúdo -> https://developers.themoviedb.org/3/getting-started/introduction

Bora para os requisitos!

  • Como usuário, quero visualizar na página inicial, um menu onde eu possa escolher entre visualizar todos os filmes (Início), somente Séries , somente Filmes ou Infantil.

  • Como usuário, no menu, quero filtrar o conteúdo, por meio de um campo de busca, sempre levando em conta a categoria em que estou (Inicio, Séries, Filmes ou Infantil).

  • Como usuário, quero que seja exibido em um carousel logo abaixo do menu, com destaque das recomendações de filmes para o meu perfil. ( para todas as categorias o carousel deve ser exibido ).

  • Como usuário, quero que o conteúdo sugerido seja agrupado por categorias. As categorias devem ficar abaixo do Carousel.

  • Como usuário, gostaria de ter uma paginação lateral dentro de cada categoria. Ou seja, ao clicar para ver mais filmes de uma determinada categoria, as outras categorias devem permanecer inalteradas em suas recomendações.

  • Como usuário, ao colocar o mouse em cima de alguma recomendação de conteúdo, gostaria que fosse exibida informações adicionais do conteúdo em questão. ( Veja a foto Desafio1-2.png )

Como usuário, quero que tenham as seguintes categorias:

#1.1- Menu Início

  • Assista a seguir
  • Séries Amazon Originals e exclusivas
  • Filmes que achamos que você vai curtir
  • Filmes adicionados recentemente
  • Filmes de suspense
  • Séries adicionadas recentemente

#1.2 - Menu Séries

  • Próximas séries para assistir
  • Séries Amazon Originals e exclusivas
  • Séries adicionadas recentemente
  • Melhores séries
  • Séries de suspense
  • Séries de drama

#1.3 - Menu Filmes

  • Próximos filmes para assistir
  • Filmes Amazon Originals e exclusivos
  • Filmes adicionados recentemente
  • Melhores filmes
  • Filmes de suspense
  • Filmes de drama

#1.4 - Menu Infantil

  • Séries Amazon Originals para crianças
  • Melhores filmes
  • Ação e aventura
  • Séries educativas
  • Filmes e séries para crianças mais velhas
  • Animações