|
|
| [Home](home) | [Escopo](escopo) | [Gerência](gerência) | [Processo](processo) | [Mockups](mockups) | [Configuração](configuração) | [Arquitetura](arquitetura) | [DataBase](database) |[Infra](infraestrutura) | [Estudos](estudos) |
|
|
|
|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|
|
|
|
|
|
|
# Arquitetura do Sistema
|
|
|
|
|
|
## Descrição
|
|
|
|
|
|
Esta seção irá abordar a arquitetura selecionada para o Backend e Frontend.
|
|
|
|
|
|
## Sumário
|
|
|
|
|
|
- [Arquitetura do Sistema](#arquitetura-do-sistema)
|
|
|
- [Backend](#backend)
|
|
|
- [Definições de Tecnologias](#back-end-def-tec)
|
|
|
- [Frontend](#frontend)
|
|
|
- [Definições de Tecnologias](#front-end-def-tec)
|
|
|
|
|
|
## Backend
|
|
|
|
|
|
<h3 id="back-end-def-tec">Definições de Tecnologias</h3>
|
|
|
|
|
|
* Linguagem: TypeScript <img src="https://www.svgrepo.com/show/374144/typescript.svg" width="15" >
|
|
|
* Framework: NestJS <img src="https://upload.wikimedia.org/wikipedia/commons/a/a8/NestJS.svg" width="15" >
|
|
|
* ORM: TypeORM <img src="https://seeklogo.com/images/T/typeorm-logo-F243B34DEE-seeklogo.com.png" width="15" >
|
|
|
|
|
|
<p> É uma API REST construída utilizando NestJS que é uma estrutura para criar aplicativos NodeJS eficientes e escaláveis do lado do servidor. Ele usa JavaScript progressivo, é construído e suporta totalmente TypeScript, uma linguagem de programação de código aberto desenvolvido pela Microsoft, e combina elementos de OOP (Programação Orientada a Objetos), FP (Programação Funcional) e FRP (Programação Reativa Funcional). </p>
|
|
|
<p> Utilizamos TypeORM que é um ORM (Object Relational Mapper), é uma técnica de mapeamento objeto relacional que permite fazer uma relação dos objetos com os dados que os mesmo representam. </p>
|
|
|
|
|
|
## Frontend
|
|
|
|
|
|
<h3 id="front-end-def-tec">Definições de Tecnologias</h3>
|
|
|
|
|
|
* Linguagem: TypeScript <img src="https://www.svgrepo.com/show/374144/typescript.svg" width="15" >
|
|
|
* Biblioteca: React <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/a/a7/React-icon.svg/2300px-React-icon.svg.png" width="15">
|
|
|
* Estilização: Sass <img src="https://e7.pngegg.com/pngimages/33/52/png-clipart-sass-logo-cascading-style-sheets-scalable-graphics-less-text-logo.png" width="15">
|
|
|
|
|
|
<p> Utilizamos o React que é uma biblioteca JavaScript para construção de interfaces de usuário, mas que consegue facilmente utilizar TypeScript, que é o caso desse projeto. Além de utilizarmos a estilização Sass, uma linguagem de extensão CSS. </p> |
|
|
\ No newline at end of file |