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.
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.
A Trybe fez a configuração inicial do projeto. Arquivos desenvolvidos por mim:
- App.js
- tudo na pasta /src .
Tecnologias aplicadas por mim nesse projeto:
- React;
- React Context API;
- React Hooks;
- RTL - React Testing Library;
- Estilização: Styled Components;
- Clone o repositório;
- Instale todas as dependências com o comando
npm install
; - Rode a aplicação com o comando
npm start
;
Você pode testar a aplicação através do link: https://felipe1cruz.github.io/Starwars/