... | ... | @@ -22,36 +22,51 @@ |
|
|
|
|
|
```plaintext
|
|
|
src/
|
|
|
├── assets/ # Imagens, fontes, ícones, etc.
|
|
|
├── components/ # Componentes reutilizáveis e genéricos
|
|
|
│ ├── Header.tsx
|
|
|
│ └── ...
|
|
|
├── pages/ # Custom Hooks
|
|
|
│ ├── dashboard/
|
|
|
| | ├── index.tsx
|
|
|
│ | ├── dashboardError/
|
|
|
| | | └─── index.tsx
|
|
|
| ├── login/
|
|
|
| ├── projectPage/
|
|
|
| | ├── deliveryResults/
|
|
|
| | ├── gant/
|
|
|
| | ├── information/
|
|
|
| | └── risks/
|
|
|
| └── userControl/
|
|
|
├── styles/ # Componentes de layout
|
|
|
│ ├── components/
|
|
|
| | ├── button.module.css
|
|
|
| | └── ...
|
|
|
│ ├── pages/
|
|
|
| | └─── dashboard.module.css
|
|
|
| ├── global.css
|
|
|
├── pages/ # Páginas da aplicação (cada uma com seu próprio subdiretório)
|
|
|
│ ├── Home/
|
|
|
│ │ └── index.tsx
|
|
|
│ └── ...
|
|
|
├── utils/ # Funções utilitárias e helpers
|
|
|
├── App.tsx # Componente raiz da aplicação
|
|
|
└── main.tsx # Ponto de entrada
|
|
|
│
|
|
|
├── app/ # Diretório principal do aplicativo
|
|
|
│ ├── core/ # Serviços e classes centrais (singleton services, interceptors, guards)
|
|
|
│ │ ├── interceptors/ # Interceptores HTTP
|
|
|
│ │ ├── guards/ # Guards de rotas
|
|
|
│ │ └── services/ # Serviços globais (e.g., AuthService)
|
|
|
│ │
|
|
|
│ ├── shared/ # Componentes, pipes e diretivas compartilhadas
|
|
|
│ │ ├── components/ # Componentes compartilhados (botões, modais, etc.)
|
|
|
│ │ ├── directives/ # Diretivas reutilizáveis
|
|
|
│ │ ├── pipes/ # Pipes reutilizáveis
|
|
|
│ │ ├── models/ # Modelos de dados (interfaces, classes)
|
|
|
│ │ └── utils/ # Funções utilitárias
|
|
|
│ │
|
|
|
│ ├── features/ # Módulos específicos de funcionalidades
|
|
|
│ │ ├── feature-a/ # Módulo da funcionalidade A
|
|
|
│ │ │ ├── components/ # Componentes específicos da funcionalidade A
|
|
|
│ │ │ ├── pages/ # Páginas específicas da funcionalidade A
|
|
|
│ │ │ └── services/ # Serviços específicos da funcionalidade A
|
|
|
│ │ ├── feature-b/ # Módulo da funcionalidade B
|
|
|
│ │ │ ├── components/ # Componentes específicos da funcionalidade B
|
|
|
│ │ │ ├── pages/ # Páginas específicas da funcionalidade B
|
|
|
│ │ │ └── services/ # Serviços específicos da funcionalidade B
|
|
|
│ │ └── ... # Outros módulos de funcionalidades
|
|
|
│ │
|
|
|
│ ├── layouts/ # Layouts de aplicação (e.g., MainLayout, AuthLayout)
|
|
|
│ │ ├── main-layout/ # Layout principal
|
|
|
│ │ └── auth-layout/ # Layout de autenticação
|
|
|
│ │
|
|
|
│ ├── assets/ # Arquivos estáticos (imagens, fontes, etc.)
|
|
|
│ │ ├── images/ # Imagens do projeto
|
|
|
│ │ ├── fonts/ # Fontes do projeto
|
|
|
│ │ └── styles/ # Estilos globais (e.g., SCSS, CSS)
|
|
|
│ │
|
|
|
│ └── environments/ # Arquivos de configuração de ambiente (e.g., dev, prod)
|
|
|
│ ├── environment.ts # Configurações de desenvolvimento
|
|
|
│ └── environment.prod.ts # Configurações de produção
|
|
|
│
|
|
|
├── styles/ # Estilos globais (CSS, SCSS)
|
|
|
│
|
|
|
├── index.html # Página HTML principal
|
|
|
│
|
|
|
├── main.ts # Ponto de entrada do aplicativo Angular
|
|
|
│
|
|
|
└── polyfills.ts # Arquivo de polyfills para compatibilidade de navegadores
|
|
|
```
|
|
|
|
|
|
# Explicação da Estrutura:
|
... | ... | |