← All work
CASE STUDY · 02 Delivered · CACI Recognition Award

IRIS

An award-winning modernization of the Intelligence Community’s Congressional budgeting interface. Delivered in Angular and Angular Material, and recognized with a CACI Employee Recognition Award.

IRIS prepares and routes the monetary and budgetary information the Intelligence Community sends to Congress for approval. As part of the development team, I converted the legacy application into Angular Material: building the components in TypeScript, laying them out across the pages, and single-handedly skinning them with global CSS for one consistent look.

ROLE
Frontend Angular Developer · UI/UX
CLIENT
ODNI · via CACI
TIMEFRAME
2025
ENVIRONMENT
Classified high-side · air-gapped
Angular 17
+ Angular Material UI
Award
CACI Employee Recognition
Congress
budget routed to Congress
0
external CDN · air-gapped
The brief

IRIS is the application the Intelligence Community uses to prepare and route monetary and budgetary information to Congress for approval. Its interface had aged: legacy modules, inconsistent markup, and styling that no longer matched how the product needed to work.

It runs air-gapped on a classified network with no external CDN, and it handles sensitive budget data that has to respect compartmentalization and need-to-know. The rebuild had to modernize the interface without loosening any of that.

What I built

Converted a legacy app into Angular Material, component by component.

Beyond the components themselves, I ran code reviews, helped shape wireframes and workflows, and troubleshot visual bugs and rendering errors, along with the day-to-day dev-environment work: Node.js setup, command-line tooling, and cloning, pushing, and pulling repositories.

Components in TypeScript

Built the Angular Material components in TypeScript, turning the old interface into a reusable, typed component set.

Page layout

Laid the components out across the application’s pages, assembling the screens and flows of the new interface.

Global CSS skinning

I owned the styling end to end, skinning every component with a global CSS layer so the whole application shares one consistent, polished look.

Frontend engineering

A modern Angular stack, built to run offline.

Angular 17 + Angular Material

A modern Angular 17 codebase using the Angular Material component library as the UI foundation, typed with TypeScript.

Global CSS / SCSS styling

A global stylesheet skins the Angular Material components so the whole application shares one look and updates from one place.

Air-gapped delivery

No external CDN access. Fonts, styles, and assets are self-contained so the application runs fully inside the classified network.

Shipped through CI/CD

Built and delivered through a GitLab CI/CD pipeline into the classified environment.

TypeScriptSCSSGitLab CI/CDCompartmentalized by design
OUTCOME

Modernized, and recognized.

“It didn’t look like a government website.”
THE CUSTOMER, ON THE DELIVERED INTERFACE

On delivery, the customer was thrilled: a consistent, maintainable Angular Material interface across IRIS, in place of the legacy modules it replaced.

The work earned a CACI Employee Recognition Award for its contribution to the IRIS budgeting-system modernization.

AT A GLANCE
FrameworkAngular 17
UIAngular Material · SCSS
LanguageTypeScript
DeliveryGitLab CI/CD
NetworkClassified · air-gapped