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
Product Discovery in a Village
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
Google Stitch, MCP, and Cursor helped me move from product idea to production-ready interface much faster than a traditional handoff process.
But the important part was not simply generating screens. AI can accelerate visual output, but it does not solve architecture, state, edge cases, or system integration. The real work was turning static UI output into a working product with live data, driver workflows, push notifications, and production-safe implementation discipline.
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.
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.
01
Product selection & cart preview
Customers can browse pre-order products and keep the cart visible while adding items.
02
Editable cart & previous orders
Quantities can be adjusted directly in the cart, while previous orders support repeat bakery purchases.
03
Payment & contact details
Checkout stays lightweight, while inline validation helps customers correct issues directly where they happen.
Validation state
04
Confirmation
The flow ends with a clear confirmation that the order has been recorded.
05
Post-order review
After completing the order, customers can return and review what they ordered instead of losing access to the order state.
This reduces post-checkout uncertainty and gives customers confidence that their order was recorded correctly.
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.