All projectsFullstack

Qrder

QR menu ordering for cafés with AI food photos

qrder-psi.vercel.app
Qrder

Qrder is a multi-tenant ordering platform for cafés: customers scan a QR code at their table, browse the menu, customise items and pay by card or at the counter, while staff watch orders arrive in real time. I built the full stack on Next.js 16 and Supabase — the Postgres schema and migrations, Realtime order subscriptions, Stripe Checkout with webhook reconciliation, a Zustand-persisted cart, and a four-locale i18n layer with RTL. I also built an AI photo studio that turns a menu item's name and description into food photography behind a swappable provider layer.

What it does

  • Realtime order board via Supabase
  • Stripe Checkout with webhook sync
  • AI food photo studio, 4 variations
  • Bulk QR code generation and ZIP export
  • Loyalty points earning and redemption
  • Four locales with RTL support
  • Per-tenant theming and plan gating

Built with

  • Next.js
  • TypeScript
  • Supabase
  • PostgreSQL
  • Stripe
  • Tailwind
  • Zustand