I built this as the working companion to my portfolio — enterprise Angular patterns, accessibility, performance, and micro-frontends, all original.
Enterprise Angular, demonstrated
I built it the way I build production Angular: standalone components, signals, and SSR throughout — an accessible design system, state and reactive patterns, typed forms, and a data grid. Every figure is synthetic and deterministic; nothing here is real or client data.
The work itself, not a description of it — a running app you can read end to end, with the standards enforced rather than claimed: accessibility that fails the build, performance measured on the page, architecture in the open.
Real source on every page — the patterns and the judgment behind them, not just the finished result.
Design System
State & RxJS
Modern Angular
Data
Accessibility
Web Platform & SEO
Engineering
Fundamentals
Explore the ecosystem
One hub, a handful of surfaces — all original, all one author's. This page (demo.miguelcarino.com) is the single link that represents the whole thing; the rest hangs off it.
Federated demo
A Native Federation host loading two independently-built remotes at runtime — micro-frontends sharing one Angular, one design system, and one piece of state.
federated.miguelcarino.com- Reports An independently-deployed remote — reachable on its own subdomain, and assembled into the federated host at runtime as the Reports route.deploys from reports.miguelcarino.com
- Settings A second independent remote on its own subdomain, composed into the host alongside Reports — same design system, same shared state.deploys from settings.miguelcarino.com
Storybook
The full per-component gallery for @foo/ui — every variant, state, and accessibility contract, in isolation.
storybook.miguelcarino.comRead the write-ups
The blog posts behind these demos — the engineering decisions in long form, each linking back to the route it explains.
miguelcarino.com/writing