Sumário

• Tecnologias
  • React
  • Next.js
  • Node.js
  • NestJS
  • TypeScript
  • Swagger
  • SQLite
• Modelo Arquitetural
  • Diagrama de fluxo do Frontend
  • Diagrama de fluxo do Backend
• Estrutura de arquivos do frontend
• Estrutura de arquivos do backend

Tecnologias

React

Biblioteca JavaScript para construção de interfaces de usuário reativas e componentes reutilizáveis. Utilizado no frontend para criar componentes interativos da aplicação.

Next.js

Framework React para desenvolvimento web com renderização híbrida. Ideal para construir a interface do usuário.

Node.js

Ambiente de execução JavaScript no lado do servidor. Permite rodar aplicações backend com alta performance e I/O não bloqueante, servindo como base para frameworks como NestJS e facilitando a construção de APIs escaláveis.

NestJS

Framework Node.js para construção de APIs escaláveis e orientadas a módulos. Base do backend para organizar a lógica de negócio, criar rotas RESTful e gerenciar a comunicação com o banco de dados.

TypeScript

Superset do JavaScript com tipagem estática, que melhora a legibilidade e robustez do código. Utilizado tanto no frontend quanto no backend para evitar erros comuns e melhorar a manutenção do projeto.

Swagger

Ferramenta para documentação e testes interativos de APIs RESTful. Documenta automaticamente as rotas da API do backend.

SQLite

Banco de dados relacional leve, baseado em arquivos locais, sem necessidade de servidor.

Modelo Arquitetural

Diagrama de fluxo do Frontend

Diagrama de fluxo do Backend

Estrutura de arquivos do frontend

frontend
├── public
|  ├── assets
|  └── fonts
└── src
   └── app
      ├── components
      |  ├── dropdown
      |  ├── map
      |  ├── searchbar
      |  └── sidebar
      ├── constants
      ├── contexts
      ├── pages
      ├── qrcode
      |  └── components
      ├── services
      └── theme

Estrutura de arquivos do backend

backend
├── src
|  ├── common
|  |  ├── filters
|  |  └── guards
|  ├── controllers
|  ├── dtos
|  ├── entities
|  ├── modules
|  └── services
└── test