Star Wars Planets 🌌

🎬 Prévia da aplicação rodando:

demonstracao.da.aplicacao.rodando.mp4

✏ Sobre o projeto

O objetivo desse projeto construído com componentes funcionais é desenvolver uma aplicação que contenha uma lista com filtros de planetas do universo de Star Wars usando Context API e Hooks para controlar os estados globais. 🌐

É possível filtrar pelo nome do planeta, por numero da população do planeta, quantidade de período orbital, numero de períodos rotacionais, quantidade de superfícies aquáticas e diâmetro do planeta, existe também a opção de ordenar em forma crescente ou decrescente a visualização de qualquer um desses filtros.

🔧 Habilidades desenvolvidas:

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.
Uso do React Testing Library para escrever testes e garantir que a aplicação possua uma boa cobertura de testes

🛸 Principais tecnologias utilizadas:

Como utilizar o projeto na sua máquina

1. Deploy:
https://starwarsplanets-now.netlify.app/

2. Faça o git clone na sua máquina e entre no diretório:

Lembre-se de clonar o repositório no diretório desejado na sua máquina!

 git@github.com:Marcio-Gabriel-Roque-Mendes/planets-of-star-wars.git
 cd planets-of-star-wars

Instale as dependências

Atente-se para instalar na pasta raiz do projeto

 npm install

Inicie a aplicação

 npm start

Rode todos os testes com o seguinte comando:

npm run test

Para rodar um teste em específico, digite o seguinte comando, seguido do nome de arquivo de teste que deseja executar. Exemplo:

npm run test filtros.test.js

Dica: Todos os arquivos de testes desenvolvidos para esse projeto podem ser encontrado no seguinte diretorio:

src/tests

Desenvolvido por:

Marcio Gabriel Roque Mendes

Observações:

Código desenvolvido no projeto Star Wars Planet Search durante o curso de Desenvolvimento Full Stack da Trybe no qual os alunos deveriam desenvolve-lo para fins didáticos, essa aplicação consome de uma api disponibilizada pela Trybe.

Marcio-Gabriel-Roque-Mendes/planets-of-star-wars-a