PROJETO STAR WARS PLANETS SEARCH

Projeto desenvolvido no módulo de Front-End do curso de desenvolvimento web da Trybe

Acesse o projeto em produção clicando aqui

🎯 Objetivo

Desenvolver uma página que contenha uma tabela com informações referentes aos planetas pertencentes ao universo Star Wars. Nessa página, o usuário poderá filtrar as informações da tabela utilizando filtros de texto, filtros numéricos ou filtro de ordenação.

• API utilizada: https://swapi.dev/api/planets

📝 Habilidades adquiridas

1. Utilizar a Context API do React para gerenciar estado.
2. Utilizar o React Hook useState;
3. Utilizar o React Hook useContext
4. Utilizar o React Hook useEffect
5. Criar React Hooks customizados.
6. screver testes para garantir que sua aplicação possua uma boa cobertura de testes.

📌 Tecnologias utilizadas no desenvolvimento

✔️ Requisitos do projeto

• Faça uma requisição para o endpoint /planets da API de Star Wars e preencha uma tabela com os dados retornados, com exceção dos dados da coluna residents
• Crie um filtro de texto para a tabela
• Crie um filtro para valores numéricos
• Implemente múltiplos filtros numéricos
• Desenvolva testes para atingir 30% de cobertura total da aplicação
• Não utilize filtros repetidos
• Apague um filtro de valor numérico ao clicar no ícone X de um dos filtros e apague todas filtragens numéricas simultaneamente ao clicar em outro botão de Remover todas filtragens
• Desenvolva testes para atingir 60% de cobertura total da aplicação
• Ordene as colunas de forma ascendente ou descendente
• Desenvolva testes para atingir 90% de cobertura total da aplicação

🚧 Funcionalidades e melhorias a serem implementadas futuramente:

• Responsividade e melhorias no CSS da pagina

⬇️ Instalando dependências

Frontend

cd src/
npm install

⚡ Executando a aplicação

Para rodar o front-end:

cd src/ && npm start

🧪 Executando os testes

Para rodar todos os testes:

npm test