... | ... | @@ -24,28 +24,34 @@ |
|
|
src/
|
|
|
├── assets/ # Imagens, fontes, ícones, etc.
|
|
|
├── components/ # Componentes reutilizáveis e genéricos
|
|
|
│ ├── Button.tsx
|
|
|
│ ├── Input.tsx
|
|
|
│ ├── Header.tsx
|
|
|
│ └── ...
|
|
|
├── hooks/ # Custom Hooks
|
|
|
│ ├── useFetch.ts
|
|
|
│ └── useAuth.ts
|
|
|
├── layouts/ # Componentes de layout
|
|
|
│ ├── MainLayout.tsx
|
|
|
│ └── AuthLayout.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
|
|
|
│ └── ...
|
|
|
├── services/ # Serviços de API e outros serviços externos
|
|
|
├── store/ # Gerenciamento de estado (Redux, Zustand, etc.)
|
|
|
├── styles/ # Estilos globais, incluindo Tailwind CSS
|
|
|
│ ├── tailwind.css
|
|
|
│ ├── globals.css
|
|
|
│ │ └── index.tsx
|
|
|
│ └── ...
|
|
|
├── utils/ # Funções utilitárias e helpers
|
|
|
├── App.tsx # Componente raiz da aplicação
|
|
|
└── index.tsx # Ponto de entrada
|
|
|
└── main.tsx # Ponto de entrada
|
|
|
```
|
|
|
|
|
|
# Explicação da Estrutura:
|
... | ... | |