arquitetura.md

@@ -71,11 +71,16 @@ TBD
 
 <h3 id="front-end-def-tec">Definições de Tecnologias</h3>
 
-TBD
+Desenvolvido com a biblioteca React utilizando Javascript, utiliza Progressive Web Application (PWA) para termos a experiência de uso muito próxima da oferecida pelos mobile apps em smartphones. Armazenado no Amazon S3 como um website estático e utiliza um padrão de múltiplas camadas.
 
 <h3 id="front-end-mods-sis">Módulos do Sistema</h3>
 
-TBD
+* **assets:** armazena os conteúdos estáticos, como as imagens e logo usados na aplicação.
+* **components:** contém os elementos utilizados nas páginas e podem ser reaproveitados e utilizados em várias.
+* **config:** possui as configurações gerais da aplicação, como a configuração de tema do Chakra.
+* **pages:** contém as páginas da aplicação, que normalmente são compostas por diversos componentes.
+* **store:** contém as funções responsáveis por fazer a comunicação com o backend e armazenamento dos dados através do Redux.
+* **utils:** contém funções utilizadas em diversos componentes para fazer validação, como por exemplo o formato do e-mail.
 
 ### Diagramas de Componentes