Pokedex

Aplicação que consome a PokeAPI. Esse repositório foi originalmente criado para um desafio técnico.

Clique aqui para acessar o deploy do projeto no navegador

Dependências

• Dependencias: React, React Router, Redux, Redux Thunk, React Icons.

• Dependencias de desenvolvimento: ESLint, SASS.

Aplicação

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:

Instalação da aplicação

Pré Requisitos:

• Node 16^
• npm 8.5.0^

Rodando a aplicação localmente

1. Abra o terminal e clone o repositório:

git clone https://github.com/ThiagoBarbosaDev/pokedex

2. Entre na pasta do repositório referente ao projeto

cd pokedex

3. Instale as dependência

npm install

4. Rode a aplicação

npm start

5. Acesse a página no navegador pelo endereço:

http://localhost:3000

Rodando testes de integração

1. Abra o terminal na raíz do projeto

2. Digite o comando para rodar os testes de integração:

npm test

Rodando cobertura dos testes

1. Abra o terminal na raíz do projeto

2. Digite o comando para rodar os testes de integração:

npm run test:coverage