Skip to content

This application have the purpose filter several pokemons

Notifications You must be signed in to change notification settings

carloslibardo/pokemon-filter

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

22 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Pokemon Filter


Objetivo

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.

Overview

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.



Como executar

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

Também esta no ar!

Você encontra a aplicação acessando a seguinte URL https://pensive-ardinghelli-587ab5.netlify.app/ ou clicando na imagem a cima.

About

This application have the purpose filter several pokemons

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 89.2%
  • HTML 7.7%
  • JavaScript 3.1%