/StarWars_Projeto

Projeto elaborado no modulo de Front-end para aplicar o aprendizado de Context API, Hooks e HOF's

Primary LanguageJavaScript

StarWars Planets

Sobre • Tecnologias • Features • Pre-Requisitos • Como rodar • Autor

StarWars Gif

Sobre

Esse projeto foi desenvolvido para treinar as ferramentas aprendidas no modulo de Front-End na Trybe. Atraves do consumo de uma API de planetas do StarWars, é retornado uma lista e feito diversos filtros dos planetas.

Acesse o site

Os arquivos dentro da pasta src sobre a aplicação foram elaborados por mim. Os arquivos iniciais, eslint e testes foram feitos pela Trybe como avaliação.

Tecnologias

As seguintes ferramentas foram usadas na construção do projeto:

  • React
  • HOF's
  • Context API
  • Hooks
  • Controle de estados globais

Features

  • Consumo da API de planetas do StarWars
  • Botão para buscar os planetas pelo nome
  • Botão para filtrar os planetas pela coluna desejada
  • Botão para comparar os valores maior que, menor que e igual a
  • Botão para inserir o valor desejado
  • Botão para remover todos os filtros
  • Botão para ordenar os planetas de forma ascendente ou descendente conforme a coluna desejada.

Pre-Requisitos

Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas: Git.

Além disto é bom ter um editor para trabalhar com o código como VSCode

Como rodar

# Clone este repositório
$ git clone git@github.com:ElaineCostadev/StarWars_Projeto.git

# Acesse a pasta do projeto no terminal/cmd
$ cd StarWars_Projeto

# Instale as dependências
$ npm install

# Para visualizar a pagina
$ npm start

Autor

Made with 🧡 by ELAINE COSTA ✨