Technical

Food Delivery and order system – Case Study

Food Delivery and order system

Overview

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_URL and 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 |

Technology stack

  • Next.js
  • Tailwind CSS
  • Prisam ORM
  • Stripe
  • Redis
  • PostgreSQL

Categories

Food Delivery, POS, Driver App, Kitchen Management

Completed: 2025-05-05

Links

This post was generated from our portfolio. View all projects or get in touch for a similar project.

Back to Resources