How liweeddineayari/pfefront works
Frontapp is an Angular financial-data operations and analytics application. Users authenticate, enter a protected workspace, and use ETL/mapping and datamart workflows or manage parameters, ratios, dashboards, and stress tests; an AI chat area is another major capability. The graph highlights those user-facing domains and the shared API/auth layers. Source evidence is partial: relationships are included only where the route excerpt, README, or SOURCE INDEX references support them; unsampled behavior is not inferred.
Main entry points: app.routes.ts Protected routes · etl-api.service.ts ETL API client · parameters-api.service.ts Parameters API · auth.service.ts Session and identity
Components 27
Workspace and access
- Protected routes
src/app/app.routes.ts - Sign-in and signup
src/app/pages/auth/sign-in/sign-in.component.ts - Session and identity
src/app/core/auth/auth.service.ts - Auth and admin API
src/app/core/auth/auth-api.service.ts - Permission store
src/app/core/auth/permission.store.ts - Application shell
src/app/layout/layout/layout.component.ts
Data operations
- ETL pipeline
src/app/pages/etl-pipeline/etl-pipeline.component.ts - ETL API client
src/app/core/services/etl-api.service.ts - Mapping configuration
src/app/pages/mapping-config/mapping-config.component.ts - Datamart views
src/app/pages/datamart/datamart.component.ts - Client data
src/app/pages/client-data/client-data.component.ts - Contract data
src/app/pages/contrat-data/contrat-data.component.ts - Balance data
src/app/pages/balance-data/balance-data.component.ts
Financial analytics
- Parameter management
src/app/pages/parameters/parameters-page.component.ts - Parameters API
src/app/core/services/parameters-api.service.ts - Ratio management
src/app/pages/ratios/ratios-page.component.ts - Ratios API
src/app/core/services/ratios-api.service.ts - Dashboard
src/app/pages/dashboard/dashboard.component.ts - Stress testing
src/app/pages/stress-test/stress-test-page.component.ts - Dashboard service
src/app/core/services/dashboard.service.ts
AI assistant
- Chat assistant
src/app/pages/chatbot/chatbot-page.component.ts - Chat interaction
src/app/pages/chatbot/components/chat-area/chat-area.component.ts - Chat sessions
src/app/pages/chatbot/services/session.service.ts
Other components
- Finance user
- Keycloak
- AI backend
- Application backend
Connections 28
- Finance user → Sign-in and signup: signs in
- Finance user → Protected routes: opens workspace
src/app/app.routes.ts - Protected routes → Application shell: renders shell
src/app/app.routes.ts - Protected routes → ETL pipeline: routes to
src/app/app.routes.ts - Protected routes → Dashboard: routes to
src/app/app.routes.ts - Protected routes → Client data: routes to
src/app/app.routes.ts - Sign-in and signup → Session and identity: authenticates
- Session and identity → Keycloak: requests tokens
src/app/core/auth/auth.service.ts - Session and identity → Permission store: loads grants
src/app/core/auth/auth.service.ts - Permission store → Auth and admin API: fetches permissions
src/app/core/auth/permission.store.ts - Auth and admin API → Application backend: sends auth requests
- ETL pipeline → ETL API client: requests ETL data
src/app/pages/etl-pipeline/etl-pipeline.component.ts - ETL pipeline → ETL API client: downloads quality rows
src/app/pages/etl-pipeline/etl-pipeline.component.ts - ETL API client → Application backend: calls ETL endpoints
- Mapping configuration → ETL API client: manages mappings
- Datamart views → Client data: shows client data
- Parameter management → Parameters API: loads and edits
src/app/pages/parameters/parameters-page.component.ts - Parameters API → Application backend: calls parameter endpoints
- Ratio management → Ratios API: manages ratios
src/app/pages/ratios/ratios-page.component.ts - Ratio management → Parameters API: uses parameters
src/app/pages/ratios/ratios-page.component.ts - Ratios API → Application backend: calls ratio endpoints
- Dashboard → Dashboard service: loads dashboard
src/app/pages/dashboard/dashboard.component.ts - Dashboard service → Application backend: loads analytics
- Stress testing → Parameters API: loads parameters
src/app/pages/stress-test/stress-test-page.component.ts - Stress testing → Application backend: runs stress tests
- Chat assistant → Chat interaction: renders chat
src/app/pages/chatbot/chatbot-page.component.ts - Chat assistant → Chat sessions: manages sessions
src/app/pages/chatbot/chatbot-page.component.ts - Chat sessions → AI backend: requests sessions