How heykelh/finance-data-hub works
Finance Data Hub is a browser-based executive and practitioner dashboard for a bank’s data-governance transformation. Users inspect a phased program through maturity diagnosis, governance, catalog, quality, lineage, AI-model governance, and executive views; the shared phase state changes the displayed status and metrics. The sampled store derives phase-specific values from local timeline and reference data, rather than showing a live data-platform integration. Page excerpts are partial, so links are limited to imports and behavior visible in the supplied source.
Main entry points: useProjectState.ts Project state · Sidebar.tsx Navigation · page.tsx Executive dashboard · LanguageContext.tsx Language context
Components 18
Navigation and shell
- App shell
src/app/layout.tsx - Navigation
src/components/Sidebar.tsx - Phase selector
src/components/PhaseSelector.tsx - Language context
src/lib/LanguageContext.tsx
Program oversight
- Executive dashboard
src/app/page.tsx - Comex briefing
src/app/comex/page.tsx - Maturity diagnosis
src/app/diagnostic/page.tsx
Data governance
- Data governance
src/app/gouvernance/page.tsx - Data catalog
src/app/catalog/page.tsx - Data quality
src/app/qualite/page.tsx - Data lineage
src/app/lineage/page.tsx - AI governance
src/app/ia-governance/page.tsx
Shared phase data
- Project state
src/lib/useProjectState.ts - Phase timeline
src/lib/timeline.ts - Reference data
src/lib/data.ts - Translations
src/lib/i18n/fr.ts - English translations
src/lib/i18n/en.ts
Other components
- Dashboard user
Connections 25
- Dashboard user → Navigation: selects view
- Dashboard user → Phase selector: selects phase
- Navigation → Executive dashboard: opens route
- Navigation → Comex briefing: opens route
- Navigation → Maturity diagnosis: opens route
- Navigation → Data governance: opens route
- Navigation → Data catalog: opens route
- Navigation → Data quality: opens route
- Navigation → Data lineage: opens route
- Navigation → AI governance: opens route
- App shell → Navigation: renders
- Phase selector → Project state: sets phase
- Project state → Phase timeline: reads phase data
- Project state → Reference data: merges reference values
- Project state → Executive dashboard: provides state
- Project state → Maturity diagnosis: provides state
- Project state → Data governance: provides state
- Project state → Data catalog: provides state
- Project state → Data quality: provides state
- Project state → Data lineage: provides state
- Project state → AI governance: provides state
- Executive dashboard → Reference data: reads roadmap
- Executive dashboard → Language context: reads translations
- Language context → Translations: selects locale
- Language context → English translations: selects locale