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 consiste em criar uma SPA (Single Page Aplication), que mostre informações de filmes.
-
A página deve ser responsiva e dividida em duas partes.
- Página inicial:
- Mostrar um header contendo o logotipo_pareazul.svg da appmoove e 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 uma lista com os filmes mais populares, Limitar os filmes em limite 5 na listagem
- Ao clicar sobre um filme na lista, mostrar as informações sobre o filme na parte de Detalhe
- Página de detalhes
- Mostrar detalhes dos filmes, exemplo: nome, imagem da capa, data de lançamento, elenco, etc...
- Os detalhes podem ser mostrados em uma janela modal, por exemplo.
- Layout livre. Use a sua criatividade!
- Mostrar detalhes dos filmes, exemplo: nome, imagem da capa, data de lançamento, elenco, etc...
- Página inicial:
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.
- Não utilizar templates/apis/frameworks (tais como Jquery, bootstrap, angular). Nosso objetivo é testar suas habilidades com HTML/CSS/JS
- Você deve fazer um pull request do projeto em até 48 horas após o envio do comunicado por e-mail.