Skip to content

Latest commit

 

History

History
58 lines (38 loc) · 1.92 KB

README.md

File metadata and controls

58 lines (38 loc) · 1.92 KB

Boas vindas ao projeto Starwars Planets Search!

Star Wars Movie Logo


Habilidades

Nesse projeto, Foram ultilizadas as tecnologias:

  • Context API do React para gerenciar estado.
  • React Hook useState;
  • React Hook useContext;
  • React Hook useEffect;
  • React Hooks customizados.
  • Bulma CSS.

Quer Testar o App?

https://emmanoel1-star-wars-planets.pages.dev/

Sobre o que é o projeto ?

Uma lista com filtros de planetas do universo de Star Wars Consumindo a SWAPI, uma API do star wars e usando Context API e Hooks para controlar os estados globais.

Sobre a API

https://swapi.dev/
A API de Star Wars, ou "swapi" (Swah-pee) é a primeira fonte de dados quantificada e acessível por programação do mundo para todos os dados do universo canônico de Guerra nas Estrelas!


Instruções para rodar o Projeto:

  1. Clone o repositório
  • git clone git@github.com:emmanoel1/star-wars-planet-search.git
  • Entre na pasta do repositório que você acabou de clonar:
    • cd star-wars-planets-search
  1. Instale as dependências
  • npm install
  1. Inicialize o projeto
    • npm start (uma nova página deve abrir no seu navegador com o projeto)

Apresentando o Projeto:

  • Filtrando Por Nome:

Project Star Wars Planet Search GIF filtering by name

  • Filtrando Categorias Por Valores:

Project Star Wars Planet Search GIF filtering by number part 1

 Project Star Wars Planet Search GIF filtering by number part 2

 Project Star Wars Planet Search GIF filtering by number part 3