Mr. Beefburger

Mr. Beefburger is a fictional restaurant brand used as a sandbox for a full production-grade build — real database, real auth, real transactional email, real deployment pipeline, nothing mocked or stubbed.

Built with Astro 6 and server-side rendering on Vercel, with React islands for interactive components and Nanostores for persistent client state. Highlights include a full multi-step ordering flow writing to a Neon serverless Postgres database via Drizzle ORM across eight tables, passwordless OTP authentication through Better Auth with codes delivered by Amazon SES, a four-tier loyalty program with a transaction ledger tracking points automatically per order, an account dashboard with order history and loyalty balance, shareable live order receipt pages, an interactive OpenStreetMap locations page with geolocation-based sorting via Leaflet.js, a persistent cart with localStorage state, and Cloudflare Turnstile for bot protection. A companion landing page was also built in Webflow via its MCP connector.

The brand itself — including a fictional founder whose voice runs through the copy, from menu items to error messages — is intentionally fictional. It exists purely to demonstrate what a real e-commerce build looks like end to end, without the constraints of an actual business behind it.