|
|
|
|[Home](home)|[Sprints](sprints)|[Requisitos](requisitos)|[Arquitetura](arquitetura)|[Configuração](configuracao)|[Mockups](mockups)|[Banco de Dados](banco_dados)|[Instalação](instalacao)|[Gerência de Projeto](Gerenciamento do Projeto)|[Horários Disponiveis](horarios)| [Git](git)
|
|
|
|
|---|---|---|---|---|---|---|---|---|---|---|
|
|
|
|
|
|
|
|
<h1 align="center">
|
|
|
|
|
|
|
|
|
|
|
|
</h1>
|
|
|
|
|
|
|
|
# Página da Arquitetura do Sistema
|
|
|
|
|
|
|
|
<img src="uploads/b24a1e7cbd94e5e31283f712246be634/Untitled_Diagram.drawio.png" align="center"
|
|
|
|
alt="Picture"
|
|
|
|
style="display: block; margin: 0 auto" />
|
|
|
|
<div align="center">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
A arquitetura de pacotes pensada para o projeto divide-se em três núcleos:
|
|
|
|
|
|
|
|
* **Frontend:**
|
|
|
|
## **Frontend:**
|
|
|
|
|
|
|
|
Será um sistema projetado para acesso via internet por meio de um navegador (WebApp) feito em ReactJS. O ReactJS é uma biblioteca de JavaScript com o foco de criar interfaces de usuário em páginas web misturando códigos de HTML, CSS e JavaScript por meio da prática componentização.
|
|
|
|
|
|
|
|
Tecnologias:
|
|
|
|
- [React](https://pt-br.reactjs.org/docs/getting-started.html)
|
|
|
|
- [Material UI](https://mui.com/)
|
|
|
|
- [HTML/CSS](https://www.w3schools.com/html/default.asp)
|
|
|
|
### Tecnologias:
|
|
|
|
|
|
|
|
|
|
|
|
<a href="https://pt-br.reactjs.org/docs/getting-started.html">
|
|
|
|
<img src="https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB" />
|
|
|
|
</a>
|
|
|
|
|
|
|
|
* **Backend:**
|
|
|
|
<a href="https://mui.com/">
|
|
|
|
<img src="https://img.shields.io/badge/Material--UI-0081CB?style=for-the-badge&logo=material-ui&logoColor=white" />
|
|
|
|
</a>
|
|
|
|
|
|
|
|
<a href="https://www.w3schools.com/html/default.asp">
|
|
|
|
<img src="https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge&logo=html5&logoColor=white"/>
|
|
|
|
</a>
|
|
|
|
|
|
|
|
# **Backend:**
|
|
|
|
|
|
|
|
Será uma Interface de Programação de Aplicações (API) com Transferência de Estado Representacional (REST) que ficará encarregada de comunicar-se com o Frontend e Banco de Dados para que troquem informações.
|
|
|
|
|
| ... | ... | @@ -31,17 +40,29 @@ Faremos uso do framework NestJS para facilitar o desenvolvimento da API. O NestJ |
|
|
|
|
|
|
|
Utilizaremos também o Swagger, que é uma ferramenta de software que ajuda a projetar, construir, documentar e consumir serviços da web RESTful. Ele fornece uma interface amigável para desenvolvedores e pode gerar automaticamente a documentação do serviço, além de permitir a validação de solicitações e respostas.
|
|
|
|
|
|
|
|
Tecnologias:
|
|
|
|
- [NestJS](https://docs.nestjs.com/first-steps)
|
|
|
|
- [Swagger](https://swagger.io/)
|
|
|
|
- [Prisma](https://www.prisma.io/)
|
|
|
|
### Tecnologias:
|
|
|
|
|
|
|
|
<a href="https://docs.nestjs.com/first-steps">
|
|
|
|
<img src="https://img.shields.io/badge/nestjs-%23E0234E.svg?style=for-the-badge&logo=nestjs&logoColor=white"/>
|
|
|
|
</a>
|
|
|
|
|
|
|
|
* **Banco de Dados:**
|
|
|
|
<a href="https://swagger.io/">
|
|
|
|
<img src="https://img.shields.io/badge/-Swagger-%23Clojure?style=for-the-badge&logo=swagger&logoColor=white"/>
|
|
|
|
</a>
|
|
|
|
|
|
|
|
<a href="https://www.prisma.io/">
|
|
|
|
<img src="https://img.shields.io/badge/Prisma-3982CE?style=for-the-badge&logo=Prisma&logoColor=white"/>
|
|
|
|
</a>
|
|
|
|
|
|
|
|
# **Banco de Dados:**
|
|
|
|
|
|
|
|
O Banco de dados que optamos por utilizar na nossa aplicação será o PostgreSQL. É um sistema gerenciador de banco de dados objeto relacional (SGBD) que foi desenvolvido como projeto de código aberto.
|
|
|
|
|
|
|
|
Tecnologias:
|
|
|
|
- [PostgresSQL](https://www.postgresql.org/)
|
|
|
|
### Tecnologias:
|
|
|
|
|
|
|
|
<a href="ttps://www.postgresql.org/">
|
|
|
|
<img src="https://img.shields.io/badge/postgres-%23316192.svg?style=for-the-badge&logo=postgresql&logoColor=white"/>
|
|
|
|
</a>
|
|
|
|
|
|
|
|
# Boas práticas no desenvolvimento
|
|
|
|
### O que são códigos de status HTTP ?
|
| ... | ... | |
