Este desafio é inspirado no desafio dev frontend da Promobit/front-end-challenge.
⚠️ Não participo do processo seletivo, usei a ideia para melhorar as minhas habilidades com o framework Vue e seu ecossistema.
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.
- Layout do figma sugerido.
- O app deverá ser criado usando Vue;
- 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;
- 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;
- 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
⏱️ tempo estimado de 14 horas de desenvolvimento
- Vite
- Vue3
- Vue-Router
- Typescript
- Tailwindcss
- Eslint
- Eslint-plugin-vue
- Prettier
- Husky
- unplugin-vue-components - components auto import
- unplugin-auto-import - Vue Composition API e outros sem importar
- Axios
- Pinia
- VueUse
- TMDBApi
2022 - fernandoprestes