👨💻 Descrição do projeto
Este projeto consiste em uma lista com filtros de planetas do universo de Star Wars.
📝 Detalhes do desenvolvimento
Esse projeto foi desenvolvido utilizado React, Context API para gerenciamento de estado, Hooks como useState e useEffect, HTML para estruturação dos componentes e CSS puro para estilização.
Requisitos desenvolvidos:
- Criado uma requisição para o endpoint
/planetsda API de Star Wars e preenchido uma tabela com os dados retornados, com exceção dos da colunaresidents; - Criado um filtro para a tabela através de um texto, exibindo assim somente os planetas cujos nomes incluam o texto digitado;
- Criado um filtro para valores numéricos;
- Implementado múltiplos filtros numéricos;
- Os filtros foram desenvolvidos de modo que não é possível utilizar filtros repetidos;
- Desenvolvido métodos para remover os filtros, tanto individualmente, como todos de uma única vez.
- Criado métodos para ordenar as colunas de forma ascendente ou descendente.
🖼️ Ilustração da aplicação
🛠 Passo a passo
Clone o repositório
git@github.com:WBomfim/Starwars-Planet-Search.gitEntre na pasta do repositório
cd Starwars-Planet-SearchInstale as dependências
npm installInicie o projeto
npm start🕵🏿 Revisões futuras
- Revisar a presença de estados derivados e possíveis otimizações nas funções de filtro.
🚀 Próximas implementações
- Implementar responsividade para que seja possível utilizar a aplicação em todos os formatos de tela.
- Implementar testes para garantir a qualidade da aplicação e robustez para próximas alterações.