BEN/TRANBook Discovery Call
Portfolio & Visual Systems

Engineered systems.
Real code.

A visual showcase of live SaaS products, static headless architectures, and high-performance system concepts built with 20+ years of engineering experience.

Architecture

100% Static Export

Infrastructure

Cloudflare Edge CDN

Performance

Sub-100ms TTFB

Client CartPlant Store

Monstera Plant

Cart (1 Item) • $48

View Cart (1)
Live Productcanopy-clay

Canopy & Clay: Botanical Storefront & Interactive Client Cart

An artisanal botanical storefront engineered with Next.js static edge rendering and zero-latency client-side shopping cart state.

Next.jsTailwind CSSClient StateStatic ExportCloudflare Pages

Performance

100/100 Vitals

UX Architecture

Instant Cart

Breakdown
Stripe LiveCoffee Store

Ethiopia Roast

$22.00 • Whole Bean

Pay with Stripe →
Live Productkohi-roasters

Kōhī Roasters: Serverless E-Commerce & Live Stripe Edge Checkout

An artisanal coffee storefront engineered with Next.js static edge rendering and Cloudflare Pages Functions for sub-second Stripe payment sessions.

Next.jsCloudflare Pages FunctionsStripe APITailwind CSSStatic Export

Checkout

Stripe Live

Edge Worker

Sub-50ms Exec

Breakdown
Kanban EngineLocal IndexedDB
To Do
In Progress
1h 30m
Done
Live Productlumist-flow

Lumist Flow: Local-First Kanban & Time Engine

A zero-latency, privacy-first task management system engineered with IndexedDB, fractional-index sorting, and a crash-proof time engine.

Next.jsIndexedDBTailwind CSSReact DNDPWA

Latency

0ms (Local)

Privacy

100% Sandboxed

Breakdown
Headless CMS$0/mo Hosting
Events.gsheet
Community Systemlynbrook-music

Lynbrook Music: Google Sheets as a Headless CMS

Replacing a 2000s Google Site with a high-speed Next.js static architecture managed by non-technical volunteers via Google Sheets.

Next.jsCloudflare PagesGoogle Sheets CSV APITailwind CSSBuild-Time SSGJSON-LD SEO

Hosting Cost

$0 / Month

Security

Unhackable Static

Breakdown