Smart City Traffic Intelligence Platform

Modernized Miovision's NX Cloud traffic intelligence platform — upgraded Angular architecture, removed Angular Material dependency, built a reusable component library, integrated Google Maps, and achieved 90%+ test coverage for mission-critical infrastructure.

Company Context

A Canadian technology company providing intelligent traffic management solutions for cities and transportation agencies. Their cloud platform connects traffic cameras, intersection sensors, and analytics tools to help urban planners and traffic operators monitor and optimize city-wide traffic flow in real time.

Engineering Environment

AngularNestJS.NETJavaCypressGoogle Maps APIAngular Signals

What Our Scale Partnership Revealed

The NX Cloud Angular application was carrying Angular Material as a full dependency — bundle size was bloated and runtime performance suffered on a performance-sensitive traffic monitoring dashboard.
Every team building on the platform was duplicating UI components — there was no shared component library, meaning the same select menus and data tables existed in multiple places with inconsistent behaviour.
Test coverage was inadequate for a system used by transportation agencies to monitor live city infrastructure.
Traffic visualization relied on basic map integration — transportation agencies needed intersections, camera feeds, and traffic signals plotted on a live map.

Engineering Work

Upgraded the NX Cloud application to the latest Angular version.
Removed Angular Material entirely. Built a custom lightweight Angular component library from scratch — multi-select, dynamic tables, form controls — all optimised for this platform.
Used Angular Signals for state management in the new components.
Integrated Google Maps with dynamic pin rendering for traffic intersections, camera locations, and signal infrastructure.
Achieved 90%+ unit test coverage across new components. Built E2E test suite with Cypress covering the primary operator workflows.
Tightened frontend integration with the NestJS BFF and downstream .NET and Java services.

System Outcome

Platform performance improved — Angular Material removal reduced bundle size and eliminated rendering overhead.
Reusable component library shipped — teams across the platform now share the same components with consistent behaviour.
90%+ test coverage achieved — transportation agencies can rely on the platform for live traffic operations.
Google Maps traffic visualization live — operators see intersections, cameras, and signals on a real-time map.

Engineering Breakdown+

Angular Material Removal: Audited every Material component usage across the codebase, built functional replacements in the custom library, then removed Material module by module. Verified visual and behavioural equivalence at each step.

Angular Signals: Adopted for state management in all new components — signal-based reactivity eliminates the zone.js change detection overhead that was contributing to render performance issues in data-dense dashboard views.

Google Maps Integration: Used the Maps JavaScript API with custom overlay layers for traffic infrastructure markers. Implemented clustering for high-density intersection areas so the map remains performant when hundreds of pins are in view.

Scale Partnership

Want to see what we'd uncover in your engineering environment?

Every engagement starts with understanding your actual system constraints.