/staff/kitchen Layout: Staff layout with simplified navigation
The Kitchen View is a live order board showing all food orders that need to be prepared.
Page header
- Page title: “Kitchen View” or “Kitchen”
- Refresh button to reload orders manually
- A real-time order count badge
Order cards
Each incoming order is shown as a card containing:Order status flow
Orders move through these stages:Updating an order status
1
Locate the order
Find the order card on your screen.
2
Click the action button
Click the status button or action button on the card.
3
Status syncs instantly
The status changes immediately and updates for all staff in real time.
- Click Start Preparing on a PENDING order → moves it to PREPARING
- Click Mark Ready on a PREPARING order → moves it to READY
- The waiter will then collect and serve the food
Real-time updates
The Kitchen View uses a WebSocket (live connection) to receive orders automatically. When a guest places a new order:- The order card appears on your screen instantly without needing to refresh
- An audio alert may play to notify you of the new order
- A count badge in the browser tab updates to show pending orders
Filtering orders
Filter the kitchen queue by order status:- All — Shows every order
- Pending — Only orders not yet started
- Preparing — Only orders being actively prepared
- Ready — Orders finished and waiting for collection