Sections
Ecosystem
Enterprise Angular Showcaseby Miguel Carino
A companion to miguelcarino.com

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, with 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.

For hiring managers

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.

For engineers

Real source on every page: the patterns and the judgment behind them, not just the finished result.

Design System

Components

The accessible component library, rendered live from @foo/ui.

Material & CDK

Angular Material themed to the brand, CDK virtual scroll and overlay, contrasted with @foo/ui.

State & RxJS

Signal Store

An NgRx SignalStore feature: computed state, methods, and rxMethod.

Classic NgRx

Actions, reducer, effects and selectors: the same problem, contrasted.

RxJS patterns

Typeahead, polling, concurrency operators, retry/backoff, signal interop.

Modern Angular

Typed forms & wizard

Typed reactive forms, cross-field validation, and a multi-step wizard.

Deferrable views

Lazy rendering with @defer, triggers, and placeholder/loading states.

Performance

Core Web Vitals, OnPush, @defer, NgOptimizedImage and bundle budgets, measured live.

Data

Data grid

Sort, filter, paginate, and virtualize a book of synthetic accounts.

Accessibility

Accessibility

Focus management, live regions, keyboard paths and AAA 7:1 contrast, in practice.

Web Platform & SEO

Platform & CSS

The modern platform: container queries, :has(), cascade layers, the Popover API, subgrid.

SEO & metadata

Per-route titles, meta, JSON-LD and canonical URLs, rendered server-side.

Engineering

Testing & coverage

Vitest (AnalogJS, zoneless), fake timers, TestBed, spies, and coverage stated honestly.

Fundamentals

Angular fundamentals

The version-agnostic building blocks: pipes, routing, guards, resolvers, DI tokens, HttpClient and interceptors, content projection, and a custom structural directive.

Explore the ecosystem

One hub, a handful of surfaces, all original and 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 a single copy of Angular, the design system and the state store across the boundary.

federated.miguelcarino.com

Storybook

The full per-component gallery for @foo/ui: every variant, state and accessibility contract, in isolation.

storybook.miguelcarino.com

AngularJS + Angular hybrid

A running ngUpgrade app: Angular components and a service downgraded into an AngularJS page, plus the leftover registration that splits one cart into two.

demo.miguelcarino.com/hybrid/

Read 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