KDS Web (Kitchen Display System)
KDS-Web is the kitchen display system for SMACKZ restaurants. It shows incoming orders in real time, allowing kitchen staff to manage order preparation and fulfillment from a wall-mounted display or tablet.
Tech Stack
| Component | Technology |
|---|---|
| Framework | React |
| Build Tool | Vite |
| Language | TypeScript |
| Deployment | Control Plane |
Purpose
When a customer places an order through a SMACKZ restaurant website or mobile app, the order appears on the KDS display. Kitchen staff can:
- View incoming orders with item details
- Track order preparation status
- Mark items and orders as completed
- See order timing and priority
Integration
KDS-Web connects to the Yum Backend API to:
- Receive real-time order notifications
- Update order status (preparing, ready, completed)
- Display order details including items, quantities, and special instructions
Development
cd KDS-Web
npm install
npm run dev
Branch Rules
Uses qa / staging / main branches. All commits go to qa. Before committing:
- Run
npx tsc --noEmit-- no TypeScript errors - Fix all lint warnings/errors in modified files
- Code must compile cleanly
Key Files
KDS-Web/CLAUDE.md-- Branch and pre-commit rules