Arquitetura.md

 |[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">
-![Banner_Wiki](uploads/999f20942dd674ffd70f80956c060da9/Banner_Wiki.png)
-
-</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">
+
+![Untitled_Diagram.drawio](uploads/0eb5e3b1128b73f34f219d55adc23b8d/Untitled_Diagram.drawio.png)
+
+</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 ?