R Ryan Bonelli
Systems Engineer
Easter egg · unlocked Get in touch
◆ You found the hidden room —  built entirely by hand

RYAN BONELLI

I don't just build apps. I build the systems apps are built on — payment rails and ledgers, AI agent platforms, and full-stack product that ships. This whole page is a single hand-written file: no frameworks, no images, no shortcuts — every pixel, chart, and animation drawn in code.

Scroll to explore

01 — Live product · not a mockup

A concierge that talks back.

A pocket AI that knows me, rendered on a phone modeled in pure CSS 3D — no image files, no WebGL crutch. Drag it to spin it. The conversation on screen is running live, right now, in your browser.

  • 3DHand-built device — six-face CSS transform, real depth, titanium back. Spins on its own or on your drag.
  • AIStreaming concierge — typed responses, thinking states, and quick-replies you can tap.
  • 0kbZero dependencies — the entire experience is one file that works offline.
TypeScript
Rust
Postgres
WebGL
R
Ryan · AI Concierge online · replies instantly
Ask me anything about Ryan

02 — Systems, live

Interfaces that turn data into decisions.

Three product surfaces I design and build — payments infrastructure, an algorithmic trading engine, and an AI-agent control plane. Every number carries context; every scale is honest. Telemetry below is simulated for the demo — the engineering is real.

Payments Core — Global Ledger
Simulated telemetry as of now
Total Payment Volume
$0
▲ 8.4% vs last 24h · target $45M
Authorization rate
0%
▲ 0.3pt · SLA ≥ 98.5%
p95 settle latency
0ms
▲ 11ms · budget ≤ 250ms
Ledger integrity
0%
■ balanced · double-entry

Volume & authorizations 30-min buckets

Settled volume (area) against authorization attempts (line). Y-axis from zero.

Method mix

Share of settled volume.

Live transaction stream 62 tps

Txn IDMethodAmountCorridorStatusms

03 — What I build

Full-stack range, infrastructure depth.

From the database schema to the last easing curve — I own the whole stack and obsess over the seams between the layers.

/ 01

Fintech & payments

Ledgers that balance to the penny, idempotent payment flows, reconciliation, and payout state machines built for real money and audits.

StripeDouble-entryWebhooksPostgresIdempotency
/ 02

AI agents & platforms

Multi-agent orchestration, RAG pipelines, tool-use, and guardrailed control planes — AI systems that are observable, explainable, and safe.

OrchestrationRAGVector DBEvalsGuardrails
/ 03

Full-stack product

React/TypeScript front ends, Node & Rust services, and the interaction craft that makes a product feel inevitable — like this page.

ReactTypeScriptNodeRustWebGLDesign systems
0
External deps on this page
0%
Hand-written code
0
Target frame rate
0
Everything you see