Client spotlight

Signals Migration for a Financial Operations Dashboard

Summit Ledger · FinTech

Migrated a trading dashboard to Angular 20 with Signals and design tokens, eliminating jitter and giving executives proof of improved UX.

  • Angular 20
  • SignalStore
  • Nx
  • Azure Functions
Back to all case studies

Challenge

The existing Angular 11 dashboard used zone-heavy NgRx setups with 1.2s median render times on modest laptops. Executives wanted v20 features without another rewrite.

Approach

  • Introduced Signals for the most interactive portfolio components first, keeping NgRx around shared async workflows until Signals parity existed.
  • Rebuilt theme tokens and density controls so traders could switch between “compact” and “analysis” modes instantly.
  • Instrumented Core Web Vitals, custom facility metrics, and SSR hydration timings in Grafana.

Outcomes

  • Render counts on the allocations panel dropped 68%.
  • SSR first contentful paint improved from 2.9s to 1.7s on target hardware.
  • Design QA cycle shrank from 4 days to under 2 thanks to Storybook contracts.

68%

Fewer renders on critical widgets

1.2s → 0.6s

Median interaction latency

2x faster

Design QA turnaround

Comprehensive Analysis Results

Codebase Overview

140,000
Lines of Code
1,240
Files Analyzed

Language Distribution

TypeScript78%
HTML12%
SCSS7%

Complexity Heatmap

Modules sorted by cyclomatic complexity - higher scores indicate higher maintenance risk

positions-tablehigh
Complexity78
Lines3,400
orders-workspacemedium
Complexity55
Lines2,400

Dependency Health Analysis

Critical vulnerabilities and deprecated packages requiring immediate attention

@ngrx/storev14.x
outdated
12dependents
@angular/materialv13.x
deprecated
5dependents

AI-Generated Code Artifacts

Files with high confidence of AI generation requiring manual review and hardening

legacy/positions.effects.ts0.82% confidence
  • Unbounded subscriptions

Test Coverage Analysis

62%Overall

Coverage by Module

positions-table48%
orders-workspace71%

Technical Debt Score

57/ 100

Moderate technical debt - prioritize key areas

State Management45/100
UX Consistency62/100

More modernisation wins