This is the Kitchen Dashboard portion of a mock omnichannel ordering system. It receives real-time food orders from a self-service kiosk and displays them for kitchen staff to prepare and manage efficiently.
- ⚡ Real-time order updates via WebSocket
- 📋 Display of all pending and completed orders
- 🔁 Ability to mark orders as completed or return them to the kitchen
- 🕒 Timestamp tracking for order prep times
- 📊 Analytics view for top-selling menu items (using Chart.js)
- 📱 Responsive design with Tailwind CSS
- 🧪 End-to-end testing with Cypress
| Kitchen View | Completed Orders | Analytics |
|---|---|---|
![]() |
![]() |
![]() |
- Vue 3 with Composition API
- Pinia for state management
- Socket.IO Client
- Chart.js for analytics
- Tailwind CSS for UI
- Cypress for end-to-end testing
- Clone the repository
git clone https://github.com/your-username/kitchen-dashboard.git cd kitchen-dashboard


