arquitetura.md

@@ -73,7 +73,18 @@ O diferencial do React é ser rápida, escalável e simples, podendo ser usada c
 [Prettier](https://prettier.io/) e [ESLint ](https://eslint.org/)são ferramentas voltadas para a padronização de código, a primeira sendo utilizada para formatação do mesmo e a segunda para identificar padrões e garantir o uso de boas práticas. Quando configuradas em uma IDE, elas garantem que ao salvar trechos do código, padrões de indentação, aplicação de boas práticas e formatação sejam seguidas.
 
 ### Módulos do Sistema
+* **Components**: Onde estarão localizados os componentes visuais encontrados em diferentes páginas da aplicação. Os componentes em sua maioria são genéricos e podem ser utilizado em mais de uma parte do sistema.
+* **Pages**: Onde estarão localizadas as telas da aplicação. Cada tela é composta de diversos componentes que quando agrupados fornecem as funcionalidades da aplicação ao usuário.
+* **Routes**: A camada de rotas da aplicação.
+* **Context**: Onde é disponibilizado uma forma de passar dados entre a árvore de componentes sem precisar passar props manualmente em cada nível. É indicado para compartilhar dados que podem ser considerados “globais” para a árvore de componentes do React.
+* **Constants**: Classe em que se encontramos temas relacionados à aplicação no geral, e que podem ser reaproveitados sempre, como fontes de tipografia e paleta de cores definidas para serem usadas.
+* **Assets**: Pasta com as imagens que são utilizadas na aplicação uma ou mais vezes.
 
 ### Diagrama do Sistema
 
+### Diagramas de Componentes
+
+
+
+
 ### Diagramas de Fluxo de Telas