/project-starwars-planets-search

Aplicação front-end com os planetas do universo StarWars. Realizado utilizando ReactJS e gerenciamento de estados com Context API.

Primary LanguageJavaScript

👾 StarWars Planets Search 🛸

Link do projeto: https://project-starwars-planets-search-pied.vercel.app/


Logo SPS

Índice

Contexto

O StarWars Planets Search é um projeto front-end, onde é possível visualizar diversos planetas do universo StarWars, com isso, é possível filtrar os planetas pelo nome, ou por diversas outras características

Neste projeto sou o autor de toda parte do front-end, sendo ele um projeto desenvolvido durante o curso da Trybe com o objetivo de consolidar os estudos com Javascript, ReactJS e Context-API, foi realizado em dezembro de 2021, no módulo de Front-end.

A API utilizada para obter os dados dos planetas: https://swapi-trybe.herokuapp.com/api/planets/

Técnologias utilizadas

  • ReactJS
  • Context API
  • React Hooks

Desenvolvimento

Neste projeto pude implementar uma página front-end onde uma tabela é preenchida com dados de planetas do universo StarWars, retirados da API citada acima.

Utilizando o Context API do ReactJS para gerenciar estados, a idéia era poder testar com dados filtros do tipo input e select. E poder renderizar os resultados na tela.

Neste projeto o CSS não foi o foco, e sim as funcionalidades e filtros.

Como executar o projeto

  1. Clone o repositório * git clone git@github.com:gustavo-pd/project-starwars-planets-search.git. * Entre na pasta do repositório que você acabou de clonar:
    • cd project-starwars-planet-search

  1. Instale as dependências: * npm install

  1. Rode o NPM start para abrir o projeto no localhost pelo navegador: * npm run start

  1. Acesse no seu navegador: * http://localhost:3000

  1. O projeto está online na Vercel, pode ser acessado pelo seguinte link: *

    https://project-starwars-planets-search-pied.vercel.app/