¡Esta es una revisión vieja del documento!
Arquitectura Front
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