Skip to content

Este projeto consiste na criação de uma aplicação web que consulta uma API. A aplicação permite filtrar e exibir os planetas com base em suas características, como população, período orbital, diâmetro, entre outros.

Notifications You must be signed in to change notification settings

PabloLSa/starwars-planets-search

Repository files navigation

Filters e Context API

react

Aplicação de Filtros em uma Tabela de Planetas de Star Wars

Este projeto consiste na criação de uma aplicação web que consulta uma API para obter dados sobre os planetas do universo de Star Wars. A aplicação permite filtrar e exibir os planetas com base em suas características, como população, período orbital, diâmetro, entre outros.

Funcionalidades

A aplicação possui as seguintes funcionalidades:

  • Exibir uma tabela com os dados dos planetas, incluindo nome, população, período orbital, diâmetro e clima.
  • Permitir filtrar os planetas com base em suas características.
  • Atualizar a tabela em tempo real conforme os filtros são aplicados.
  • Mostrar o número de planetas que correspondem aos filtros selecionados.

Tecnologias Utilizadas

A aplicação foi desenvolvida utilizando as seguintes tecnologias:

  • React: Biblioteca poderosa para a criação de interfaces de usuário modernas e reativas. Sua abordagem baseada em componentes, reconciliação eficiente e uso de hooks facilitam o desenvolvimento de aplicações web robustas e de alto desempenho.

  • Context API: Uma API do React que permite o compartilhamento de estados entre componentes sem a necessidade de passar props manualmente.

  • Hooks: Mecanismos introduzidos no React para utilizar estados e outros recursos em componentes funcionais.

  • CSS: (Ainda estou definindo como vou estilizar esse projeto)

Instalação

Para executar a aplicação em sua máquina local, siga as instruções abaixo:

  • Certifique-se de ter o Node.js instalado em sua máquina.

  • Faça o clone deste repositório para o seu ambiente de desenvolvimento.

  • No terminal, navegue até o diretório raiz do projeto.

  • Execute o comando npm install para instalar as dependências do projeto.

  • Após a conclusão da instalação, execute o comando npm start para iniciar a aplicação.

  • Acesse a aplicação no seu navegador em http://localhost:3000.

About

Este projeto consiste na criação de uma aplicação web que consulta uma API. A aplicação permite filtrar e exibir os planetas com base em suas características, como população, período orbital, diâmetro, entre outros.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published