Food Delivery and order system
Full-stack food ordering and restaurant operations platform for a premium burger & grilled chicken brand. Customers browse the menu, place orders, and track ...
Screenshots & Gallery
Video
Full-stack food ordering and restaurant operations platform for a premium burger & grilled chicken brand. Customers browse the menu, place orders, and track delivery; staff run the kitchen, till (POS), and driver dispatch from a single codebase.
Highlights
- Single codebase for customer site, till, kitchen, driver app, and admin.
- Menu system — Categories, items, customizations (e.g. peri sauce), dietary flags; seeded from JSON with matched food images (Unsplash).
- Order pipeline — Create order → payment (Stripe) → kitchen queue → driver assignment → status and tracking.
- Till (POS) — Order creation, payment modal, receipts, and sales reports for walk-in customers.
- Driver flow — Dedicated login, order list, and APIs for location and ratings.
- Production-ready — PostgreSQL migrations, optional Redis,
DATABASE_URLand env docs for Vercel/Supabase.
About this project
Overview
| | | |--|--| | Project | SmashDaddy (STACKD) | | Role | Full-stack development | | Type | Web app — ordering, POS, kitchen, driver, admin | | Live | [Add your Vercel/live URL here] | | Repo | GitHub — madnikhan/smashdaddy |
Problem
Restaurants need one place to handle online orders, in-store till, kitchen display, driver assignment, and admin — without juggling multiple systems.
Solution
A single Next.js 15 application that serves:
- Customers — Menu (with item images and customizations), cart, checkout, order tracking, and optional PWA install.
- Kitchen — Live order queue and status updates.
- Till (POS) — In-store orders, cart, payments, receipts, and sales reports.
- Drivers — Login, available orders, accept/complete deliveries, and location/rating APIs.
- Restaurant dashboard — Overview and management at
/restaurant. - Admin — Users, drivers, orders, and analytics.
Real-time order and notification flows are supported via Pusher (with optional Upstash Redis for server-side broadcast). Payments are integrated with Stripe.
Tech Stack
| Layer | Choices | |-------|--------| | Frontend | Next.js 15 (App Router), React 19, TypeScript | | Styling | Tailwind CSS, black & gold theme | | Database | PostgreSQL (Supabase), Prisma ORM | | Auth | NextAuth (credentials + OAuth) | | Payments | Stripe | | Real-time | Pusher, optional Upstash Redis | | Maps | Leaflet (driver tracking) | | Deploy | Vercel-ready, env templates and deployment docs |