Wiki

¡Esta es una revisión vieja del documento!

---

Arquitectura Front

La arquitectura está basada en la arquitectura de la migración por tanto es un Microfronent él cual tiene como características principales la de ser una aplicación web progresiva (PWA) en Ionic/Angular, cliente-servidor.

Arquetipo

src/
|-- app/
|   |-- auth/
|   |   |-- auth.guard.ts            // Guardia de autenticación
|   |   |-- auth.service.ts          // Servicio de autenticación
|   |-- shared/
|   |   |-- api/                     // Carpeta para gestión de API
|   |   |   |-- api.service.ts        // Servicio para manejar las llamadas HTTP a la API
|   |   |   |-- api-config.ts         // Configuración de rutas y base URL de la API
|   |   |-- components/
|   |   |   |-- login/
|   |   |   |   |-- login.component.ts
|   |   |   |   |-- login.component.html
|   |   |   |   |-- login.component.scss
|   |   |   |-- register/            // Componente de registro
|   |   |   |   |-- register.component.ts
|   |   |   |   |-- register.component.html
|   |   |   |   |-- register.component.scss
|   |   |   |-- dashboard/           // Componente de Dashboard
|   |   |       |-- dashboard.component.ts
|   |   |       |-- dashboard.component.html
|   |   |       |-- dashboard.component.scss
|   |   |-- directives/              // Directivas personalizadas
|   |   |   |-- custom-directive.directive.ts  // Ejemplo de una directiva personalizada
|   |   |   |-- another-directive.directive.ts // Otra directiva personalizada
|   |   |-- pages/
|   |   |   |-- home/
|   |   |       |-- home.module.ts
|   |   |       |-- home.page.ts
|   |   |       |-- home.page.html
|   |   |-- services/                // Servicios compartidos
|   |   |   |-- user.service.ts       // Servicio para la gestión de usuarios
|   |   |   |-- auth.service.ts       // Servicio para la autenticación
|-- layout/
|   |   |-- layout.component.ts
|   |   |-- layout.component.html
|   |   |-- layout.component.scss
|-- app-routing.module.ts
|-- app.module.ts
|-- app.component.ts
|-- app.component.html
|-- assets/
|-- environments/
|-- index.html
|-- main.ts
|-- styles.scss

←Regresar