Star Wars Planets Search é uma aplicação web em React.js que acessa a base de dados da API dos planetas de Star Wars, criando uma tabela com as informações e possibilitando a pesquisa pelo nome dos planetas, além de oferecer um avançado sistema de filtragem e ordenação dos dados, permitindo que o usuário refine a busca de acordo com suas preferências.
- Veja o post sobre a aplicação no LinkedIn aqui.
- Acesse o deploy da aplicação aqui
Informações para utilizar a aplicação no deploy
- Não precisa logar, basta acessar fazer as consultas.
- Star Wars Planets Search
- Visualização
- Contexto
- Tecnologias e Ferramentas Utilizadas
- Instalação e Execução
- Notas
A aplicação Star Wars Planets Search é uma ferramenta de consulta que acessa a base de dados da API de planetas do universo Star Wars epermite ao usuário:
- Realizar pesquisas pelo campo "nome".
- Utilizar filtros para restringir os resultados de acordo com a coluna escolhida, o tipo de comparação e o valor de referência.
- Utilizar a ordenação para organizar os resultados de acordo com a coluna escolhida e o tipo de ordenação, ascendente ou descendente.
- Adicionar novas filtragens aos resultados encontrados.
Este projeto utiliza as seguintes tecnologias e ferramentas:
- React.js | Biblioteca para criar interfaces de usuário.
- Styled Components | Biblioteca para estilização do CSS.
- API dos planetas de Star Wars | API utilizada para obter informações sobre planetas do universo Star Wars.
- Context API | API utilizada para gerenciamento de estado.
O React.js foi escolhido por ser uma das bibliotecas mais populares e amplamente utilizadas para criar interfaces de usuário. Além disso, o React.js é fácil de aprender e possui uma grande comunidade de desenvolvedores, o que torna mais fácil encontrar soluções para problemas comuns. O Styled Components foi escolhido porque permite que os desenvolvedores escrevam o CSS em formato de componente, o que torna o código mais legível e fácil de entender. A API dos planetas de Star Wars foi acessada para obter informações precisas e detalhadas sobre os planetas presentes no universo Star Wars. A Context API foi utilizada para gerenciamento de estado, permitindo que informações importantes da aplicação sejam compartilhadas entre diferentes componentes, sem a necessidade de passá-las manualmente através de props. Isso torna o código mais limpo e fácil de entender.
git clone git@github.com:imsamuelcovalero/Project-StarWars-Planets-Search.git
cd Project-StarWars-Planets-Search
npm install
cd Project-StarWars-Planets-Search
npm start
Este projeto utilizou a Especificação de Commits Convencionais, com alguns tipos da convenção Angular. Além disso, foi utilizado o pacote conventional-commit-cli para ajudar a seguir a convenção de commits. É importante utilizar a convenção de commits em projetos para manter o histórico de commits organizado e facilitar a leitura e o entendimento do que foi desenvolvido.
- O projeto foi desenvolvido seguindo os padrões de Clean Code especificados pelo Lint da Trybe.