StarWars Planets Search

Bradges

Deploy: https://oitavo-projeto.surge.sh

Execução

Para instalar o projeto na sua máquina, faça antes o clone do repositório

Para clones com HTTPS:

  git clone https://github.com/viniciusjosedev/project-starwars-planets-search.git

Para clones com SSH:

  git clone git@github.com:viniciusjosedev/project-starwars-planets-search.git

Para clones com GitHub CLI:

  gh repo clone viniciusjosedev/project-starwars-planets-search

Depois de clonado, abra a o terminal na raiz do projeto e rode o seguinte comando:

  npm i && npm start

Pronto! Com isso a aplicação irá rodar na sua máquina localmente.

Descrição do projeto

Projeto realizado mediante a necessidade da prática em conceitos inicialmente abordados de forma teórica. Conceitos esses que se diz respeito ao uso do ContextAPI para trabalhar com estados globais nas aplicações de react. Sendo assim, tendo mais uma ferramenta em paralelo ao Redux.

Neste projeto em específico, pratiquei ainda mais a forma de se desenvolver uma aplicação em React. Usando pela primeira vez componentes de funções, e junto com eles, tambem usei os conhecimentos de hooks. Hooks esses que foram tanto nativos quanto personalizados.

Além disso, pratiquei requisições para API's, junto com isso, veio a necessidade de tratar essas requisições como uma Promise e então encaminhar os resultados para a tela do usuário.

API('s) usada(s):

End-Point planetas de StarWars: https://swapi.dev/api/planets - ✔️

🔨 Funcionalidades 🔨

A aplicação se inicia unica tela na rota '/'.

Nesta tela, o usuário pode filtrar os planetas de diferentes formas.

💻 Tecnologias/Linguagens utilizadas 💻

Tecnologias: - HTML5, CSS6, JS6, SASS e CSS Modules - ✔️

Bibliotecas: - react, prop-types@15, bootstrap, reactstrap e react-icons - ✔️

Pessoas Desenvolvedoras do Projeto.

Projeto realizado em conjunto com a empresa de tecnologia Trybe, que foi a responsável pela criação dos testes com o Cypress, fazendo-se assim, toda a estrutura necessária para um bom desenvolvimento orientado a testes (TDD).

Além dos testes com o Cypress, toda a estrutura inicial do projeto foram feitas pela Trybe, isso inclui: todos os scripts no packge.json (com excessão do "erro"), estrutura inicial das pastas e arquivos.

Todas os demais adições dos arquivos/diretórios do projeto são de autoria do grupo 10, isso inclui: src/pages, src/styles, src/tests. As alterações dos demais arquivos soltos na pasta src/ também são de minha autoria, isso inclui: App.jsx, index.js.

OBS 1: O arquivo setupTests.js já vem como default com o React na instalação feita (npx create-react-app .).

OBS 2: Todos os testes de com o Cypress foram devidamente apagados, esta ação envolve proteger a autoria de código, respeitando assim as normas e regras internas da empresa de tecnologia Trybe.