Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/kacianoghelere/poke-list
https://github.com/kacianoghelere/poke-list
Last synced: about 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/kacianoghelere/poke-list
- Owner: kacianoghelere
- Created: 2021-03-06T22:20:25.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2021-03-09T00:28:39.000Z (almost 4 years ago)
- Last Synced: 2024-04-24T12:47:24.377Z (9 months ago)
- Language: JavaScript
- Size: 500 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Poke List
Este é um projeto construído com Reactjs para exibir dados consumidos a partir da [PokeApi.co](https://pokeapi.co/).
Nele, você poderá visualizar a lista de gerações de pokemons, a lista de pokemons contida em cada geração e alguns detalhes de cada um dos pokemons.
O projeto pode ser acessado a partir do endereço a seguir: [https://pokeapi-list.herokuapp.com/](https://pokeapi-list.herokuapp.com/)
## Como executar o código
Antes de qualquer coisa, certifique-se de que seu ambiente de desenvolvimento conta com `node`, `npm` e `yarn` instalados.
Após isto, basta executar os comandos abaixo para obter os respectivas resultados:
- `yarn start`: Executar o projeto e abrir a página no navegador;
- `yarn lint`: Executar a validação de código do *Eslint*;
- `yarn test`: Executar os arquivos de testes dentro do projeto;
- `yarn build`: Construir o projeto para produção.
## Observações
Este projeto conta com o auxílio do *Github Actions* para executar as seguintes tarefas:
- Verificar as regras do *Eslint*;
- Executar de testes do projeto.
O *deploy* do projeto no ambiente de produção (Heroku) acontece toda vez que um `push` é realizado no *branch* `main`.
## Pontos de melhoria
- Adicionar um processo de `lazy loading` para cada um dos *cards* de *pokemons* para melhorar a performance do projeto;
- Adicionar mais arquivos de testes para melhorar a cobertura;
- Implementar o `redux` para ser o responsável pela centralização de dados e enfileirar as requisições de dados;
- Implementar o `typescript`.
## Screenshots
