👨💻 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
/planets
da 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.
🛠 Passo a passo
Clone o repositório
[email protected]:WBomfim/Starwars-Planet-Search.git
Entre na pasta do repositório
cd Starwars-Planet-Search
Instale as dependências
npm install
Inicie 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.