Este projeto consiste em uma aplicação desenvolvida utilizando React com Context API, que permite aos usuΓ‘rios explorar os planetas do universo de Star Wars, filtrando por detalhes especΓficos de cada planeta.
- Pesquisar e visualizar detalhes dos planetas de Star Wars.
- Filtrar planetas por caracterΓsticas especΓficas, como população, perΓodo orbital, diΓ’metro, etc.
- Visualizar informaçáes detalhadas de cada planeta, incluindo nome, clima, terreno, população, filmes em que aparece, entre outros.
- React
- Context API
- Vitest
- Testing Library
- TypeScript
- CSS Modules
- API para listagem dos planetas:
A aplicação utiliza uma API de planetas para obter informaçáes sobre os planetas, onde os dados são fornecidos em formato JSON.
.
βββ src/
β βββ components/
β β βββ Form.tsx
β β βββ Table.tsx
β βββ context/
β β βββ PlanetsContext.tsx
β βββ services/
β β βββ fetchPlanets.ts
β βββ tests/
β β βββ utils/
β β β βββ constants.ts
β β β βββ mockData.ts
β β βββ App.test.tsx
β βββ types.ts
β βββ App.tsx
| βββ index.css
| βββ App.css
β βββ main.tsx
βββ README.md
βββ package.json
1οΈβ£ Instale as dependΓͺncias:
npm install
2οΈβ£ Inicie a aplicação:
npm run dev
3οΈβ£ Executa os testes:
npm test