Essa aplicação deverá realizar uma consulta e trazer em tela todos os pokémons da
primeira geração. Você tambem poderá efetuar filtros a partir dos tipos de pokémons que
gostaria de vizualizar, além de por pontos de força(CP) setando um range entre
o mínino e o máximo.
Foram utilizados como padrões styled-components
, zustand
como gerenciador
de estado e typescript
. O desenvolvimento foi focado no desing, para que ele possa
chegar a mais fiel possivel ao modelo proposto. Assim que aplicação é iniciada, ela faz uma
requisiçao graphql
em um API publíca e é setada ao estado global. No estado possue
um getter
que computa os dados antes de ir em tela, é nele que é efetuado a lógica
de filtragem dos dados.
Clone o repositório em sua maquina local, e logo após execute os seguintes comandos.
Instale as dependências
$ yarn install
Basta subir o servidor
$ yarn start
Você encontra a aplicação acessando a seguinte URL
https://pensive-ardinghelli-587ab5.netlify.app/ ou clicando na imagem a cima.