How ceoalmaloco/frontend-barriodigital works
BarrioDigital is an Angular frontend for municipal procedures. The main workflow is sign-in and role-based access, followed by residents creating and tracking requests or staff reviewing requests and changing their status; admins also manage procedure types. Reports and audit are documented placeholder screens, not data-processing features. Arrows reflect shown calls and documented HTTP behavior; unsampled details are omitted.
Main entry points: app.routes.ts Route configuration · requests.component.ts Request list and entry · auth.service.ts Authentication service · catalog.service.ts Catalog API service
Components 25
App and access
- App bootstrap
src/app/app.component.ts - Route configuration
src/app/app.routes.ts - Authentication service
src/app/core/auth/auth.service.ts - Route guards
src/app/core/auth/auth.guard.ts - MSAL configuration
src/app/core/auth/msal-config.ts - Sign-in screen
src/app/features/login/login.component.ts - Authenticated layout
src/app/core/layout/authenticated-layout.component.ts - Role-based header
src/app/shared/components/header/header.component.ts - Home screen
src/app/features/dashboard/dashboard.component.ts - Reports placeholder
src/app/features/reports/reports.component.ts - Audit placeholder
src/app/features/audit/audit.component.ts
Request workflows
- Request list and entry
src/app/features/requests/requests.component.ts - Request API service
src/app/features/requests/requests.service.ts - Request actions
src/app/features/requests/request-actions/request-actions.component.ts - Status change dialog
src/app/features/requests/request-status-dialog/request-status-dialog.component.ts - Request status rules
src/app/features/requests/requests.constants.ts
Procedure catalog
- Catalog API service
src/app/core/catalog/catalog.service.ts - Catalog administration
src/app/features/admin/admin.component.ts - Procedure type dialog
src/app/features/admin/procedure-type-dialog/procedure-type-dialog.component.ts
Shared domain
- Request data model
src/app/shared/models/request.model.ts - Procedure type model
src/app/shared/models/procedure-type.model.ts - Role definitions
src/app/shared/models/role.ts
Other components
- Resident or staff
- Microsoft Entra ID
- Backend-for-frontend
Connections 34
- Resident or staff → Sign-in screen: signs in
README.md - App bootstrap → Authentication service: handles redirect
src/app/app.component.ts - Sign-in screen → Authentication service: starts session
README.md - Authentication service → Microsoft Entra ID: authenticates
README.md - Authentication service → MSAL configuration: uses configuration
src/app/core/auth/auth.service.ts - Route configuration → Route guards: guards routes
src/app/app.routes.ts - Route configuration → Authenticated layout: mounts layout
src/app/app.routes.ts - Authenticated layout → Role-based header: renders
src/app/core/layout/authenticated-layout.component.ts - Role-based header → Authentication service: reads session
src/app/shared/components/header/header.component.ts - Route configuration → Sign-in screen: routes to
src/app/app.routes.ts - Route configuration → Home screen: routes to
src/app/app.routes.ts - Route configuration → Request list and entry: routes to
src/app/app.routes.ts - Route configuration → Catalog administration: routes to
src/app/app.routes.ts - Route configuration → Reports placeholder: routes to
src/app/app.routes.ts - Route configuration → Audit placeholder: routes to
src/app/app.routes.ts - Route guards → Authentication service: checks roles
src/app/core/auth/auth.guard.ts - Request list and entry → Authentication service: checks user role
src/app/features/requests/requests.component.ts - Request list and entry → Request API service: loads and changes
src/app/features/requests/requests.component.ts - Request API service → Backend-for-frontend: sends API requests
src/app/features/requests/requests.service.ts - Request list and entry → Catalog API service: loads procedure types
src/app/features/requests/requests.component.ts - Catalog API service → Backend-for-frontend: sends catalog requests
src/app/core/catalog/catalog.service.ts - Request list and entry → Status change dialog: opens dialog
src/app/features/requests/requests.component.ts - Request list and entry → Request actions: uses actions
src/app/features/requests/requests.component.ts - Status change dialog → Request API service: changes status
src/app/features/requests/request-status-dialog/request-status-dialog.component.ts - Catalog administration → Catalog API service: loads catalog
src/app/features/admin/admin.component.ts - Catalog administration → Procedure type dialog: opens dialog
src/app/features/admin/admin.component.ts - Procedure type dialog → Catalog API service: saves changes
src/app/features/admin/procedure-type-dialog/procedure-type-dialog.component.ts - Request list and entry → Request data model: uses request data
src/app/features/requests/requests.component.ts - Request API service → Request data model: maps responses
src/app/features/requests/requests.service.ts - Request actions → Request status rules: uses status rules
src/app/features/requests/request-actions/request-actions.component.ts - Status change dialog → Request status rules: uses status rules
src/app/features/requests/request-status-dialog/request-status-dialog.component.ts - Catalog administration → Procedure type model: uses catalog data
src/app/features/admin/admin.component.ts - Catalog API service → Procedure type model: maps catalog data
src/app/core/catalog/catalog.service.ts - Route configuration → Role definitions: assigns route roles
src/app/app.routes.ts