01
No forced login
First-time customers can place an order without creating an account first.
Why it matters
Less friction for local bakery orders where speed and trust are more important than account management.
Field Operations · Community Product
Bakery Live Tracker From a local problem to a working product
How I turned a real-world community pain point into a working field-operations MVP with live GPS tracking, stock visibility, driver access, and AI-assisted development.
The Spark
Local Product Discovery
A mobile bakery van is a loved local service — but customers often only knew it was nearby when they heard the siren. They could not see the van’s exact location, check whether their favorite products were still available, or know when it would arrive.
The goal was not to create a “pretty website.” It was to design a practical system that helps the business operate more efficiently and gives the community timely, useful information.
Field Operations
Community UX
Real-World Problem
Designer as Builder
The AI-Assisted Build Pipeline & Design System
By connecting Google Stitch with Cursor through MCP, I was able to move from product idea to working interface faster than in a traditional handoff process.
Before implementation, I established a centralized, token-based design system with defined colors, spacing, components, states, and layout rules. These decisions became system constraints during the build, not just visual references.
AI accelerated the first visual direction, but the real work was turning static UI output into a functional product with live data, driver workflows, notifications, edge cases, and consistent component behavior.
AI accelerates the surface. Product judgment, architecture, and edge cases still need a builder who owns the system.
For Engineering Leads
Deep-Dive Architecture
Production decisions designed for real field conditions — not just demo-day polish.
Serverless Field-Ops on Vercel expand_more
A lightweight serverless setup with API routes for location ingest, multi-town Web Push notifications via VAPID, and client polling — avoiding a heavy backend footprint for an MVP-stage product.
Dual-Layout System expand_more
A shared business logic layer drives two separate interface surfaces: a desktop-oriented dashboard and a map-first mobile experience.
Spreadsheet-Native CMS expand_more
Google Sheets works as a simple operational CMS with Apps Script write-backs and PIN-protected driver access — so daily stock and schedule updates require no custom admin training.
The GPS Pipeline expand_more
Built for real-world edge cases: normalizing nested coordinate payloads, correcting geofence behavior, and using notification cooldowns to prevent alert spam.
Guided Configuration
Cake Creator
A playful step-by-step flow for building a custom cake before checkout.
Cake Creator turns custom cake ordering from a static form into a guided configuration flow.
Customers choose size, flavor, coating and decorations step by step — while the preview and price update with every decision. The flow combines single-choice steps, multi-select add-ons, custom text, visual feedback and a final review before the configured cake enters the cart.
The goal was to make a complex custom order feel simple, playful and emotionally personal — without losing the structure needed for checkout and production.
Step-by-step choices
Visual cake preview
Live pricing logic
Checkout-ready summary
Interface Evidence
Cart & Checkout Flow
A lightweight ordering flow that lets customers add products, adjust quantities, complete checkout and review their submitted order without unnecessary account friction.
A lightweight ordering flow that lets customers add products, adjust quantities, complete checkout and review their submitted order without unnecessary account friction.
01
Product selection & cart preview
Customers can browse pre-order products and keep the cart visible while adding items.
Results
Metrics & Impact
~2,500
Lines of production UI code
3
Languages across UI + push
€0
Initial MVP hosting cost
HU / DE / EN supported across the interface and push notifications. Powered by Vercel Serverless and Google Apps Script.
Product Demos
See It in Action
Four focused screen recordings — one flow at a time, from the working live app.
01 · GPS
Live GPS & Schedule
The van’s live position is shown alongside the actual route schedule, so customers can see where it is and when it is expected to arrive.
02 · Notification
Arrival Notifications
Customers can subscribe with one tap. When the van enters their town, they receive a push notification — without installing an app or manually refreshing the page.
03 · Product List
Sheet-Native Product Names
Product names and stock data are edited directly in a Google Drive spreadsheet. Changes sync to the live site without a custom admin panel or additional client training.
04 · Stock
Driver Stock Control
From a PIN-protected driver page, sold items can be updated with simple plus/minus controls. The spreadsheet updates instantly, and public stock quantities change in real time.
Built for the Community
This project shows how useful portfolio work can solve real problems: with product thinking, speed, restraint, and architecture that holds up outside the demo.