Projeto Starwars: Planet Search

Sobre:

   O Starwars é um projeto front-end, com o objetivo de desenvolver filtros de planetas do universo de Starwars usando Context API e Hooks para controlar os estados globais. Os seguintes filtros foram criados para a tabela:

• Filtro por nome do planeta:O filtro por nome permite filtrar a tabela através de um input de texto. Conforme o usuário digita a palavra de busca, a tabela é filtrada automaticamente, não sendo necessário apertar um botão de filtrar.
• Filtro por coluna: As colunas da tabela podem ser filtradas usando os seguintes critérios: 'maior que', 'menor que' e 'igual a'. Os filtros são adicionados clicando no botão 'filtrar' e é possível adicionar ou remover filtros de forma conjunta. Por exemplo:
  • Coluna: Population - Comparação: Maior que - Valor: 200.
  • Coluna: orbital_period - Comparação: menor que - Valor: 800.

Desafios:

   O maior desafio desse projeto foi fazer o gerenciamento do estado da aplicação através do controle dos filtros, permitindo que os usuários realizem buscas de forma intuitiva e eficiente.

Arquivos:

   A Trybe fez a configuração inicial do projeto. Arquivos desenvolvidos por mim:

• App.js
• tudo na pasta /src .

Tecnologias:

Tecnologias aplicadas por mim nesse projeto:

• React;
• React Context API;
• React Hooks;
• RTL - React Testing Library;
• Estilização: Styled Components;

Como rodar o projeto:

• Clone o repositório;
• Instale todas as dependências com o comando npm install;
• Rode a aplicação com o comandonpm start;

Link do projeto:

Você pode testar a aplicação através do link: https://felipe1cruz.github.io/Starwars/