Projeto do Bloco 17 - Context API e React Hooks do curso de Desenvolvimento Web da Trybe.
É uma aplicação que consulta uma API para recuperar dados dos planetas do universo StarWars. Esses dados poderão ser filtrados por suas características, como população, período orbital, diâmetro e outras
Tudo isso usando o Context API e Hooks.
Quantidade de requisitos: 7
Requisitos feitos: 5
URL do projeto: em processo de deploy
- Utilizar a Context API do React para gerenciar estado.
- Utilizar o React Hook useState;
- Utilizar o React Hook useContext;
- Utilizar o React Hook useEffect;
- Criar React Hooks customizados.
ReactPara rodar esse projeto no seu computador, abra o terminal e siga o passo-a-passo a seguir:
- Clone o repositório
git clone git@github.com:SheilaNS/project-starwars-planet-search.git - Entre na pasta do repositório que você acabou de clonar
cd project-starwars-planet-search - Instale as dependências
npm install - Inicialize o projeto
npm start - O navegador vai abrir uma nova aba com a página do projeto
.
├── public
│ ├── favicon.ico
│ ├── index.html
│ ├── logo192.png
│ ├── logo512.png
│ ├── manifest.json
│ └── robots.txt
├── src
│ ├── assets
│ │ ├── NameFilter.module.css
│ │ ├── NumberFilter.module.css
│ │ └── Table.module.css
│ ├── components
│ │ ├── NameFilter.js
│ │ ├── NumberFilter.js
│ │ └── Table.js
│ ├── context
│ │ ├── PlanetContext.js
│ │ └── PlanetProvider.js
│ ├── pages
│ │ └── Planets.js
│ ├── services
│ │ └── planetsAPI.js
│ ├── App.css
│ ├── App.js
│ ├── index.css
│ ├── index.js
│ ├── logo.svg
│ ├── serviceWorker.js
│ ├── setupTests.js
│ └── testData.js
├── .editorconfig
├── .eslintignore
├── .eslintrc.json
├── .gitignore
├── .stylelintignore
├── .stylelintrc.json
├── package-lock.json
├── package.json
└── README.md
