AirelRibeiro / star-wars-planets

Tabela contendo os planetas do universo Star Wars, com a possibilidade de filtrar os planetas por suas características, tais como população e diâmetro.

Home Page:https://star-wars-planets-navy.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

⭐ STAR WARS PLANETS 🪐

Descrição:

Este projeto envolve a construção de uma tabela contendo os planetas do universo Star Wars. A proposta foi requisitar dados da SWAPI e estruturar uma tabela com a possibilidade de filtrar os planetas por suas características, tais como população, período orbital e diâmetro.

Escolha seu transpote favorito e clique para navegar até a página:

Page gif Page gif Page gif Page gif

Ferramentas utilizadas:

JavaScript logo react logo React Hooks logo css3 logo

O React é uma biblioteca JavaScript declarativa, que possibilitou a estruturação da página de forma mais simples e com uma interface amigável. Foi utilizado Context API, um recurso do React que permite compartilhar estado entre diversos componentes, em uma árvore de componentes, sem a necessidade de se passar props e callbacks manualmente entre eles; enquanto a construção desses estados foi possibilitada pelo uso dos React Hooks. A estilização da página foi feita com CSS.

Rodando o projeto na sua máquina:

  1. Escolha um diretório e clone o repositório utilizando git clone:
  git clone git@github.com:AirelRibeiro/star-wars-planet.git
  1. Acesse o diretório do projeto e instale as dependências:
  cd star-wars-planets
  npm install
  1. Então inicie usando o comando npm start no terminal e será aberta uma aba no seu navegador com a URL
http://localhost:3000/

About

Tabela contendo os planetas do universo Star Wars, com a possibilidade de filtrar os planetas por suas características, tais como população e diâmetro.

https://star-wars-planets-navy.vercel.app


Languages

Language:JavaScript 83.0%Language:CSS 11.3%Language:HTML 5.6%Language:Shell 0.1%