A restaurant front-of-house and kitchen system: guests browse the menu, build a cart and track their order; the kitchen works the same orders through a display screen.
Guest — menu browsing · cart · checkout · order tracking · order history
Kitchen (KDS) — login · live order dashboard · order detail · completed-order history
Lottie animations cover the transitional states (order placed, preparing, ready).
| Layer | Choice |
|---|---|
| Framework | Next.js 14 (App Router) · TypeScript |
| Data & auth | Supabase |
| Styling | Tailwind, with @tailwindcss/forms and container queries |
| Motion | lottie-react |
The stitch_*.html files at the repository root are the original design mockups each
screen was built from — kept for reference against the implementation.
npm install
cp .env.example .env.local # add NEXT_PUBLIC_SUPABASE_URL and NEXT_PUBLIC_SUPABASE_ANON_KEY
npm run dev
Built by Milan Baldaniya · Full-Stack AI / LLM Application Engineer