Aplicação que consome a PokeAPI. Esse repositório foi originalmente criado para um desafio técnico.
-
Dependencias: React, React Router, Redux, Redux Thunk, React Icons.
-
Dependencias de desenvolvimento: ESLint, SASS.
Desenvolvida uma SPA(Single Page Application) consumindo a PokeAPI.
O projeto tem duas páginas:
-
Pokedex: transforma o retorno dos endpoints em cards em grid que podem ser filtrados pela pessoa usuária pelo tipo ou pelo nome do pokemon utilizando debounce a fim de otimizar performance.
-
Details: Renderiza uma página com os detalhes do pokemon inspirados nos elementos visuais do primeiro pokemon. Link da imagem usada como inspiração.
As páginas foram implementadas com responsividade, utilizando css modules e sass na estilização.
Estado global utilizando redux onde as requisições são feitas por thunks.
Aplicação é testada pela React Testing Library.
cobertura:
- Node 16^
- npm 8.5.0^
- Abra o terminal e clone o repositório:
git clone https://github.com/ThiagoBarbosaDev/pokedex
- Entre na pasta do repositório referente ao projeto
cd pokedex
- Instale as dependência
npm install
- Rode a aplicação
npm start
- Acesse a página no navegador pelo endereço:
http://localhost:3000
-
Abra o terminal na raíz do projeto
-
Digite o comando para rodar os testes de integração:
npm test
-
Abra o terminal na raíz do projeto
-
Digite o comando para rodar os testes de integração:
npm run test:coverage