1---2title: Enterprise case management platform3slug: enterprise-case-management4role: Frontend Developer5period: Feb 2026 – Present6company: Hashbyt7order: 18summary: Migrating an enterprise case management platform from AngularJS to Angular 20, and building two of its core modules end to end.9stack:10 - Angular 2011 - Standalone components12 - Signals13 - NgRx Signals14 - AG Grid Enterprise15 - Typed reactive forms16 - ng-select17 - RxJS18 - TypeScript19 - REST APIs20results:21 - Legacy AngularJS screens moved to Angular 20 standalone components with Signal-based state.22 - "Task tracking module delivered end to end: typed API service, NgRx Signals store, server-side AG Grid and personal/team views."23 - Filter preferences saved per page, so users come back to the views they set up.24 - "Communication handled inside the platform: threaded emails, templates, attachments and delivery tracking."25cover: table26capabilities:27 - modernisation28 - dashboards29industry: complaints-claims30---31 32## Problem33 34The platform's case handling screens were written in AngularJS, which is past end of life. They needed to move to modern Angular without losing functionality, while the backend REST APIs were being migrated at the same time. The list screens hold large volumes of records, so paging and filtering had to happen on the server.35 36## What I built37 38- Migrated case handling screens to Angular 20 standalone components with Signal-based state.39- Built a task tracking module end to end: a typed API service, an NgRx Signals store, and an AG Grid list with server-side pagination, filters, custom cell renderers and personal/team views.40- Added saved filter preferences for each page.41- Built a communications module with threaded emails, templates, attachments and delivery tracking.42- Built complex typed reactive forms: multi-step workflows with `FormArray`, async ng-select search, custom field validators and a rich-text editor implemented as a `ControlValueAccessor`.43- Integrated the migrated backend REST APIs, working closely with the backend team.44 45<Diagram title="Task tracking data flow">46 <Layer name="View" detail="AG Grid list, filters, personal/team views" />47 <Layer name="Store" detail="NgRx Signals store, saved filter prefs" />48 <Layer name="Service" detail="Typed API service" />49 <Layer name="API" detail="REST with server-side pagination" />50</Diagram>