/the-appmovie

👨🏻‍💻🎬🎭 Redesign for a cinema

Primary LanguageJavaScriptMIT LicenseMIT

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!!!