Introdução

Olá! Obrigado pelo interesse em participar do nosso processo seletivo para dev frontend no Promobit.

O objetivo do desafio proposto é permitir uma melhor avaliação das suas habilidades como candidato à vaga de frontend. Este desafio deve ser feito apenas por você. Sua implementação e escolha de ferramentas poderá ser questionada em outra etapa.

O desafio

Usando a API de filmes gratuita themoviedb em sua versão 3, você será responsável por criar uma listagem dos filmes mais populares do dia, consultando o endpoint GET /movie/popular para realizar a listagem. Ao clicar em um item dessa listagem, outra página com os detalhes do filme escolhido deve ser exibida. Para acessar mais detalhes sobre o filme, você pode consultar o endpoint GET /movie/{movie_id}.

Para garantir que o usuário encontre o filme que está procurando, essa lista deverá ser paginada.

Siga o layout do figma sugerido. Não há necessidade de ser pixel perfect mas respeite a composição, fontes e cores.

Requisitos funcionais

• O usuário deve ter acesso a uma listagem dos filmes mais populares do dia

• O usuário deve conseguir paginar a lista para encontrar novos filmes

• O usuário deve ter acesso a uma outra página com detalhes sobre o filme, ao clicar em um item na listagem

• A página com detalhes de um filme deve possuir uma rota própria e estar preparada para ser indexada em mecanismos de pesquisa

Requisitos não funcionais

• O app deverá ser criado usando React

• Na raiz do projeto, será necessário incluir um arquivo README.md com as instruções para construir seu projeto localmente. Opcionalmente você pode detalhar as razões pelas escolhas de ferramentas e técnicas aplicadas ao desafio.

• O app deverá se comportar da mesma forma na última versão estável dos seguintes browsers: Chrome, Firefox, Edge

• O app deverá ser responsivo

Extras

Temos insights que nos levam a acreditar que os usuários dessa lista costumam ter uma experiência melhor se conseguirem criar um filtro usando seus gêneros favoritos. Portanto, você também poderá criar filtros de filmes por gênero nessa listagem. Note que um novo endpoint deverá ser consultado para obter uma lista dos possíveis gêneros a serem filtrados, GET /genre/movie/list.

• O usuário deve conseguir filtrar os filmes listados por gênero, com a possibilidade de usar mais de um gênero
• O usuário deve conseguir remover filtros e a listagem deve ser atualizada de acordo com o filtro removido
• O usuário deve conseguir voltar para a página de listagem de filmes com os filtros ainda ativos

Critérios de avaliação

• Boas práticas de desenvolvimento como: html semântico, componentização, design patterns, clean code
• Domínio das ferramentas e linguagens que compõe um app de frontend moderno
• Documentação: explicação para construir o app localmente, histórico e workflow de git

Entrega

Para realizar a entrega do desafio, você deverá enviar um email para devs@promobit.com.br com o título [Frontend Challenge] Seu nome com o link para o repositório com seu código. Exemplo:

https://github.com/seu-nome/front-end-challenge.git

Não se esqueça de criar um arquivo README.md contendo as instruções para construir o app localmente.

Feedback

No Promobit, valorizamos muito feedbacks. Acreditamos que o feedback é essencial para melhorar, aprender e facilitar processos. Dessa forma, assim que o seu desafio for submetido, prometemos enviar um feedback técnico em até uma semana usando todos os critérios de avaliação descritos acima.

Dúvidas

Caso haja qualquer dúvida sobre o teste, nos envie um email para devs@promobit.com.br com o título: [Frontend Challenge] Briefing da dúvida

---

Obrigado e bom desafio!