Case Studies

A few projects I've shipped — the problems, the approach, and the impact.

Demo available

Engineering · Web application

Angular Dashboard

A federated financial analytics dashboard remote with live simulated institution metrics, PrimeNG UI, Angular Signals, and period/institution filters.

Angular · TypeScript · Native Federation · Component-scoped CSS · Mock metrics maps · Host route: /projects/dashboard

View Case Study

In progress

Content · Writing platform

Next.js Blog

A separate writing app that documents engineering decisions for the portfolio workspace, linked from the Angular host as an external project surface.

Next.js App Router · TypeScript · Markdown content · Sibling deployable app · Linked from Angular host nav

View Case Study

In progress

Portfolio · Product shell

Personal Website

Angular portfolio host that owns branding, resume content, contact, SSR, and Native Federation composition for project demos.

Angular 20 · Angular SSR · Native Federation · Tailwind CSS · PrimeNG theme tokens · EmailJS · GSAP · TypeScript

View Case Study

Active

Architecture · Interactive demo

MFE Playground

A host app federates independently-deployed remotes — a live Angular dashboard and Next.js blog — demonstrating tech isolation.

Angular · Native Federation · Next.js

View Case Study

Active

Engineering · Performance lab

Frontend Performance Lab

Interactive demos explaining Core Web Vitals, optimization techniques, and how I approach a slow LCP — without fabricating production Lighthouse scores.

Angular · TypeScript · Web Vitals

View Case Study