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

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

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

Construção do Projeto

# Execute o comando git clone para realizar o clone do repositório
$ git clone https://github.com/SidneyRoberto9/tmdb-desafio-promobit-angular.git

# Entre na pasta do repositório clonado
$ cd tmdb-desafio-promobit-angular

# Execute yarn para instalar as dependências
$ yarn

# Na raiz do projeto crie um arquivo .env e crie uma variavel chamada
#API_KEY e coloco sua chave do TMDB

# Para iniciar a aplicação
$ yarn start

Feito com ❤️ by Sidney Roberto