amzotelli / starwars-search-trybe

TRYBE | Front-End Module | React | Context-API

Sumário

• Habilidades
• O que foi desenvolvido
• Para rodar localmente
• Requisitos do projeto

Habilidades

Nesse projeto, eu precisei:

• 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.

O que foi desenvolvido

Neste projeto eu precisei desenvolver uma lista com filtros de planetas, do universo de Star Wars, usando Context API e Hooks para controlar os estados globais.

Para rodar localmente:

1. Clone o repositório

• git clone [e-mail]:amzotelli/starwars-search-trybe.git.
• Entre na pasta do repositório que você acabou de clonar:
  • cd stawars-search-trybe

2. Instale as dependências e inicialize o projeto

• Instale as dependências:

  • npm install

• Inicialize a aplicação:

  • npm start

Requisitos do Projeto

• Fazer uma requisição para o endpoint /planets da API de Star Wars e preencha uma tabela com os dados retornados, com exceção dos da coluna residents

• Filtrar a tabela através de um texto, inserido num campo de texto, exibindo somente os planetas cujos nomes incluam o texto digitado

• Criar um filtro para valores numéricos

• Não utilizar filtros repetidos

• Apagar o filtro de valores numéricos e desfaça as filtragens dos dados da tabela ao clicar no ícone de X de um dos filtros

Print da Aplicação com CSS