/CubosFlix

Primary LanguageJavaScript

Desafio Front-end Módulo 2 - Curso de Desnvolvimento de Software Cubos Academy

Acesse o site aqui

Construção de um website com o seguinte design que permita:

  • Visualização de filmes
  • Paginação de filmes
  • Busca de filmes
  • "Filme do dia"
  • Modal de filme
  • Mudança de tema

Os dados do website serão requisitados da seguinte API

Visualização de filmes

Assim que o website for aberto, a listagem de filmes deverá ser preenchida com as informações do seguinte endpoint

"Filme do dia"

Assim que o website for aberto, o filme do dia deverá ser preenchido com as informações do endpoint geral e do endpoint de videos;

Modal de filme

Ao clicar na <div class="movie"> deverá abrir o modal.

Assim que o modal for aberto, ele deverá ser preenchido com as informações do seguinte endpoint.

O modal poderá ser "fechado" por meio de um clique nele próprio ou na <img class="modal__close">.

Mudança de tema

Ao clicar na <img class="btn-theme">, caso o tema atual seja "light" ou "claro", o mesmo deverá ser trocado para o tema "dark" ou "escuro".

tags: front-end HTML DOM CSS