Backend-authoritative pricing
The browser requests previews, but the backend calculates and stores the amount paid.
Project guide
Checkout built for the pace of an expo booth.
A focused, reliable payment flow for turning a product selection into a confirmed order in seconds.
75 products preloadedStripe test modeSQLite WAL
Live flowReady
01
Select productsCatalog and variants
✓02
Preview priceBackend calculation
✓03
Pay securelyQR or Stripe Checkout
→Payment statusConfirmed by webhook
Screen recording
See the complete flow.
The five-minute walkthrough covers product selection, a blonde item, discount pricing, Stripe test payment, and the paid-status update.
Screen recording coming soonSet NEXT_PUBLIC_GUIDE_VIDEO_URL after uploading the five-minute walkthrough.
What is demonstrated
Designed around reliable checkout.
Safe payment retries
Client idempotency keys, short transactions, leases, and stable provider keys protect duplicate clicks.
Webhook-confirmed status
Signed Stripe webhooks confirm payment and reject mismatched amounts, currencies, and links.
Booth-ready workflow
Search the preloaded catalog, add normal or blonde items, show discounts, scan a QR code, and print an invoice.
Project notes
Simple on the surface. Deliberate underneath.
USD is the Stripe payment amount. CNY is shown as a reference from the supplied price list, not as an exchange-rate conversion. The application is designed for one SQLite-backed deployment with provider calls outside database transactions.