emmapersil/star-wars-planets-search

Aplicação que consulta uma API para recuperar dados dos planetas do universo de Star Wars, podendo filtrar por suas características como população, período orbital, diâmetro entre outras.

Star Wars Planets Search

Contexto

Este projeto foi desenvolvido enquanto aluna na Trybe, com o objetivo de criar uma aplicação que consulta uma API para recuperar dados dos planetas do universo de Star Wars, podendo filtrar por suas características como população, período orbital, diâmetro entre outras.

Obs.: Nesta versão, alguns filtros como Filmes, Criação e Edição foram omitidos. A versão completa do componente Table.jsx está em src/components/tableComplete.txt.

---

Objetivos

Desenvolver uma aplicação de pesquisa usando um endpoint da APIpara obter as informações sobre os planetas. O resultado deve ser disposto em uma tabela e filtrados usando Context API e Hooks para controlar os estados globais.

As habilidades exercitadas neste projeto foram:

• Utilizar a Context API do React para gerenciar estado.
• Utilizar o React Hook useState;
• Utilizar o React Hook useContext;
• Utilizar o React Hook useEffect;
• Criar React Hooks customizados.

Tecnologias usadas

Front-end:

• React
• Context API
• React Hooks
• HTML/CSS
• Pacotes NPM

Capturas de telas

Tela Inicial

Tabela Completa

Filtrando a pesquisa

---

Instalando dependências

• No diretório raiz do projeto:

npm install

Iniciando aplicação

• Rodando localmente:

npm start

Executando testes

• Para rodar todos os testes:

npm test

Obs.: os testes já vieram implementados pela equipe da Trybe.