Appmoove: Teste prático para desenvolvedor front-end

👨🏻‍💻🎬🎭 Redesign for a cinema

Pré-requisitos

HTML5
CSS3
JavaScript
Git

Desafio

O objetivo deste teste é demonstrar suas habilidades com desenvolvimento web, para tanto deve ser utilizado apenas HMTL/CSS/JS.

Utilizar técnicas de layout responsivo para mobile
Procure deixar o código mais simples possível.
Sinta-se livre para usar a criatividade quanto aos conceitos de UI design e UX design.

O projeto

O projeto consiste em criar uma SPA (single page application), que mostre informações de filmes.
A página deve ser responsiva e dividida em duas partes.
1. Página inicial:
  - Mostrar um header contendo o nome do participante;
  - Mostrar uma caixa de pesquisa para buscar um filme;
    - O resultado da busca deve ser exibido na listagem abaixo;
  - Exibir os últimos 3 filmes em cartaz no cinema;
  - Mostrar um gráfico ranking com os filmes mais Top rated
    - permitir filtrar por ano;
    - limitar os filmes em 6 na listagem;
    - permitir ordenar do mais votado ao menos votado;
2. Página de detalhes
  - Mostrar detalhes dos filmes, exemplo: nome, imagem da capa, data de lançamento, elenco, etc...

Checkpoints

Inicie o git localmente e faça o commits locais em seu projeto ao decorrer do desenvolvimento do teste.

Para desenvolver o teste, você deve utilizar as API de filmes disponível neste link

Crie uma conta e siga a documentação da API no site.

Observações

É permitido o uso de bibliotecas e APIs.
O design do layout é livre. Use a sua criatividade!
Qualquer dúvida envie um e-mail para [email protected]
Boa sorte!!!