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 contato@appmoove.com.br
• Boa sorte!!!