ingridrauany / tabela-fipe

Projeto de Consulta de Dados na Tabela Fipe

Busca de dados na Tabela FIPE

Sumário

• Overview
  • O desafio
  • Executando a aplicação
  • Testes
• Meu processo
  • Estrutura de pastas
  • Construído com
  • Próximos passos
  • Links

Overview

O desafio

Cria uma tela que busque dados da Tabela Fipe utilizando a seguinte API.

Executando a aplicação

Primeiro baixe os pacotes da aplicação:

npm install

Depois execute o servidor de desenvolvimento:

npm run dev

Abra http://localhost:300 com seu navegador para ver o resultado.

Testes

Para executar os testes automatizados:

npm run test

Meu processo

Estrutura de pastas

├── app
│   ├── components
│   ├── context
│   ├── hooks
│   ├── services
│   ├── types
│   ├── page.tsx
│   └── layout.tsx
├── public
├── package.json
└── README.md

Construído com:

• HTML semântico
• Flexbox/Grid Layout
• React/Typescript
• NextJS
• Editorconfig, prettier e eslint para formatação e linter de código
• React Query: para lidar com as chamadas aos endpoint (lidando melhor com loading e erros)
• Jest e Testing Library: para escrita de teste unitários

Próximos passos

• Escrever testes para os componentes e hooks
• Usar algum tipo de componente de Loading que impeça o usuário de tentar acessar o select enquanto eles ainda tem os dados preenchidos pela API
• Utilizar Styled-Components junto ao Material UI para deixar o estilo separado do código do componente

Links

• Deploy da aplicação na Vercel