Bem vindo, jovem padawan. Este desafio tem como único propósito testar suas skills como frontend. Antes de botar a mão na massa, queria apresentar um pouco do que usamos hoje.
Nosso projeto hoje está rodando em Vue com Server Side Rendering, usando o Nuxt e PWA. Usamos também Typescript, tanto no frontend, quanto no backend. Usamos também Vuex para gerenciar os estados da aplicação.
O propósito deste desafio é testar seus conhecimentos nestas tecnologias de uma forma prática.
Para esse desafio nosso time preparou um layout para que você possa desenvolver. Esperamos que seja fã de Pokemon. O layout está neste link.
Você deverá desenvolver um webapp (usando Vue ou Nuxt) que lista todos pokemons iniciais separado por suas gerações junto com seus dados base, usando o layout criado por nós. A base do layout deve ser preservada, mas qualquer adição ou alteração pode ser feita (seja criativo, ouse bastante!).
- Utilizar Vue.js+vuex ou React+redux
- NÃO usar bibliotecas como Material ou Bootstrap
- Usar e abusar de CSS (animações ficam a seu critério, mas muito bem vindas)
- Consumir a PokéAPI para puxar os dados dos pokemons
- Animações CSS
- SASS/SCSS
- Typescript
- Testes(Jest, Cypress ou Mocha)
- Tratar todos os eventuais erros da API para evitar que o app quebre.
- Deve utilizar alguma biblioteca externa de sprite para os pokemons a sua escolha, mas aqui tem uma dica.
- Ter um código limpo e claro, tente abusar da arquitetura e do reuso dos componentes.
- Tente utilizar a menor quantidade de requests possível.
- Você tem total liberdade para mudar e inovar no projeto.
- Arquitetura conta muito, tente deixar seu código bem organizado.
- O layout que te entregamos é apenas uma base, tente melhora-lo ao máximo
Clone este repositório e submeta um pull request com seu código. Você pode optar ou não por criar o projeto usando o Vue-CLI mas considere que a arquitetura também será avaliada.
Depois de criar o pull-request, envie um email para alisson@jurosbaixos.com.br com o título Desafio PokéAPI.
Boa sorte, e que a força esteja com você.