arquitetura.md

 |[Página Inicial](home)|
 |---|
 
-# Página da Arquitetura do Sistema
-
-Esta é a página onde irá ficar todas as informações da Arquitetura do seu projeto, Como:
-
-* Segurança 
-* Rotas de Backend (Arquitetura
-funcional)
-* Objects – Backend API
-* Methods – Backend API
-* Arquitetura Não Funcional)
-* Diagrama de Pacotes / Componentes
-(Arquitetura de software)
-* Diagrama de Deploy
-* Documentação sobre aplicação de
-Design do Projeto
-* Análise dos principios SOLID
-* Code Review
-* 
-Devem ser apresentados das seguintes formas:
-
-* Imagens ou Gifs
-* Diagramas ou Sistemas
-* Descrições ou Textos explicativos
\ No newline at end of file
+# Arquitetura do Sistema
+
+Esta é a página onde irá ficar todas as informações da Arquitetura do seu projeto.
+
+## Front-End
+
+### Arquitetura 
+
+Dado que o fluxo de telas da versão mobile possuir maior complexidade que a versão web, fora criado uma arquitetura diferente para cada, tendo em mente essa dificuldade.
+
+#### Aplicação Web
+
+A arquitetura selecionada para o front-end web é o MVC (Model-View-Controller). Como a aplicação web possui um fluxo de telas relativamente simples, não é necessário se preocupar em abstrair a lógica de apresentação de telas em uma camada adicional.
+
+![Web Architecture]()
+
+Como pode se ver na imagem, o fluxo de informações começa na View, onde todas as informações são exibidas e todas interações do usuário são recebidas. A partir disso, a controller é encarregada de verificar os dados recebidos. Finalmente, na Model, é onde se recebe pedidos da controller para mandar ou receber dados do banco de dados.
+
+#### Aplicação Mobile
+
+A arquitetura selecionada para o front-end mobile é o MVCR (Model-View-Controller-Router). Como a aplicação web possui um fluxo de telas mais complexo, foi dado um peso a isso, e portanto, foi focado na abstração da lógica de apresentação de telas em uma camada adicional.
+
+![Mobile Architecture]()
+
+Essa arquitetura se assemelha bastante com a MVC utilizada na versão web, com a diferença que agora a View não faz mais o trabalho de exibir as telas. Essa ocupação fica em outra camada (Router).
+
+Como pode se ver na imagem, o fluxo de informações começa na View, onde todas as informações são exibidas e todas interações do usuário são recebidas. A Router, então, se responsabiliza de como exibir novas telas, se necessário.  A controller é encarregada de verificar os dados recebidos, e, finalmente, na Model, é onde se recebe pedidos da controller para mandar ou receber dados do banco de dados.