... | @@ -44,11 +44,17 @@ TBD |
... | @@ -44,11 +44,17 @@ TBD |
|
|
|
|
|
<h3 id="back-end-def-tec">Definições de Tecnologias</h3>
|
|
<h3 id="back-end-def-tec">Definições de Tecnologias</h3>
|
|
|
|
|
|
TBD
|
|
O backend utilizará Node + Express para construir uma API que rodará em um servidor na AWS. Utilizaremos Typescript por acreditar deixar o código mais legível e ESLint para ajudar no monitoramento dos padrões determinados pelo time. Para o banco de dados e validação de login, utilizaremos os serviços do Firebase.
|
|
|
|
|
|
<h3 id="back-end-mods-sis">Módulos do Sistema</h3>
|
|
<h3 id="back-end-mods-sis">Módulos do Sistema</h3>
|
|
|
|
|
|
TBD
|
|
Routes: Rotas onde o servidor estará esperando receber solicitações HTTP para devolver uma resposta em JSON.
|
|
|
|
|
|
|
|
Controller: Fazer o controle do que foi solicitado pela rota, validando o pedido e repassando a tarefa para ser executada pelo service.
|
|
|
|
|
|
|
|
Service: Responsável por conseguir e organizar a resposta (de acordo com as regras de negócio) que a controller está esperando.
|
|
|
|
|
|
|
|
Model: Modelo que representa as entidades do banco de dados, será preenchido com os dados do firebase pela service.
|
|
|
|
|
|
### Diagrama de Fluxo
|
|
### Diagrama de Fluxo
|
|
|
|
|
... | @@ -58,11 +64,15 @@ TBD |
... | @@ -58,11 +64,15 @@ TBD |
|
|
|
|
|
<h3 id="front-end-def-tec">Definições de Tecnologias</h3>
|
|
<h3 id="front-end-def-tec">Definições de Tecnologias</h3>
|
|
|
|
|
|
TBD
|
|
Utilizaremos o Framework React para fazer as views da aplicação, que receberão dados do backend através do Axios. Por ser uma aplicação Mobile, faremos o React gerar uma PWA.
|
|
|
|
|
|
<h3 id="front-end-mods-sis">Módulos do Sistema</h3>
|
|
<h3 id="front-end-mods-sis">Módulos do Sistema</h3>
|
|
|
|
|
|
TBD
|
|
Component: Componentes visuais genéricos e reutilizáveis em toda a aplicação. Não devem possuir lógica ou dependências.
|
|
|
|
|
|
|
|
Container: Utilizará os componentes para apresentar o que for necessário na sua tela, o container é responsável por preencher as informações necessárias do componente (dados, ações de botões e etc) e implementar a lógica.
|
|
|
|
|
|
|
|
Screen: Apresentar os containers necessários para formar a tela específica de acordo com os mockups.
|
|
|
|
|
|
### Diagramas de Componentes
|
|
### Diagramas de Componentes
|
|
|
|
|
... | | ... | |