INBCM Frontend Público

Principais funcionalidades

• Submeter declarações
• Submeter declarações retificadores
• Visualizar declarações submetidas
• Verificar os status e pendências das declarações submetidas

Principais tecnologias e bibliotecas utilizadas

• Node.js: Ambiente de execução JavaScript
• TypeScript: Superset de JavaScript que adiciona tipagem estática
• React: Biblioteca para construção de interfaces
• Tailwind CSS: Framework CSS
• Design System do Governo Federal: Padrão digital de design do governo federal
• Tanstack Query: Biblioteca para gerenciamento de estado e cache de dados vindos da API
• Tanstack Table: Biblioteca para construção de tabelas
• React Hook Form: Biblioteca para construção de formulários
• Vite: Bundler e servidor de desenvolvimento

Estrutura de pastas

• src: Código-fonte da aplicação
  • components: Componentes React que são utilizados em mais de uma página
  • pages: Páginas da aplicação (cada arquivo corresponde a uma rota, ex: src/pages/index.tsx corresponde à rota / e src/pages/declaracoes/novo.tsx corresponde à rota /declaracoes/novo)
  • layouts: Layouts da aplicação (cabeçalho, rodapé, etc)
  • images: Imagens utilizadas na aplicação
  • utils: Funções utilitárias

Como rodar o projeto

Pré-requisitos

• Node.js
• PNPM

Passos

1. Clone o repositório
2. Instale as dependências com pnpm install
3. Execute o servidor de desenvolvimento com pnpm dev