architecture
The same diagram you'd actually whiteboard.
Five flows, one full picture, and the pipelines that ship it. Hover any node for tech, cost, and ownership.
flows · five lanes
Five flows, drawn the way the console shows them.
Hover a row to focus; the others fade. Packets travel each chain in real time. Click a chip to jump.
FLOW · 01
Mesh fan-out
one synthetic place-order across 6 languages · loadgen → api-gateway
FLOW · 02
Async events
Kinesis → enrichment λ → EventBridge → analytics λ · post-commit fan-out
FLOW · 03
Projection read
Kinesis → projection-worker (Python) → in-memory read model · CQRS-style
FLOW · 04
Checkout saga
storefront creates the order, then Step Functions enqueues the email
FLOW · 05
Observability
app spans via OTel + AWS metrics via yace → Prometheus → Grafana
the full picture
One diagram. Every layer.
Hover any node to inspect tech, cost, and ownership. The whole stack — from browser request to observability backend.
ci/cd · two pipelines
Signed, scanned, gated to ship.
The same flow you'd trace in Actions. Hover a row to focus. Cosign-signed images, Trivy-scanned, deployed behind an approval gate.
PIPELINE · 01
App deploy
.github/workflows/app.yml · OIDC → AWS · digest-pinned
PIPELINE · 02
Infra apply
.github/workflows/infra.yml · layered stacks · prod gate