Maurício Gaspary| Home | Escopo | Processo | Design/Mockups | Configuração | Arquitetura | Banco de Dados |
|---|
Esta seção é dedicada a apresentar a arquitetura definida para o projeto,
sendo esta dividida nas seguintes partes:
📐 Arquitetura
⚙ Backend
Stacks definidas:
Linguagem de programação
A decisão de utilizar o TypeScript se deve ao fato da busca por maior controle das variáveis e a familiaridade da equipe com o JavaScript.
Runtime 
Utilizar Node.js com TypeScript proporciona um ambiente de desenvolvimento consistente tanto no lado do servidor quanto no cliente (se usar também o TypeScript no frontend). Isso pode simplificar o desenvolvimento full-stack.
Framework
O Express é conhecido por ser minimalista e flexível. Ele fornece apenas o essencial, permitindo que os desenvolvedores adicionem funcionalidades conforme necessário, sem impor muita estrutura ou regras rígidas.
Framework
NativeWind é uma adaptação do Tailwind CSS para desenvolvimento mobile usando React Native. Com ele, conseguimos ter uma maior consistência nos estilos e maior rapidez de desenvolvimento.
MVC
O MVC (Model View Controller) é um padrão de design usado para desacoplar a interface do usuário (a exibição), os dados (o modelo) e a lógica do aplicativo (o controlador). Essa separação facilita a manutenção, escalabilidade e testabilidade do código.
📱 Frontend
Stacks definidas:
Linguagem de programação
Runtime
Framework:
O React Native era o framework que a equipe tinha mais familiaridade e também era necessário um framework que tivesse captação de áudio nativa, já que em uma plataforma web não teríamos essa captação de áudio tão facilmente.
🚀 Diagrama de Deploy
O diagrama a seguir apresenta a arquitetura em alto nível e o processo de deploy da infraestrutura do projeto:
