Title: feat(orders): Live Kitchen Display System (KDS) View for Chefs and Kitchen Staff

[anshika1179]

Scope
Add a dedicated KDS/Kanban-style alternate view inside the Orders section.

Reuse the existing Order Status Update APIs for transitions like:

Pending → Preparing
Preparing → Ready
Make the KDS view accessible to Admin, Manager, and Staff roles. Admins will retain access to all existing features, while Manager and Staff roles will only have access to the KDS/order processing functionality.

Focus on a clean, touch-friendly UI suitable for restaurant operations.

Real-time updates (SSE/WebSocket/polling) can be implemented incrementally.

Proposed Changes

🖥️ Frontend (React & Tailwind)

• Create a dedicated /admin/kds viewport designed for tablet and touch displays.
• Layout: A Kanban grid showing states: Pending, Preparing, and Ready for Pickup/Service.
• KDS Card details:
  • Large, high-readability text listing the dishes.
  • Table number, order type (Dine-in vs. Takeaway), and timestamp.
  • A real-time visual stopwatch timer. If the timer exceeds the threshold (e.g., 20 mins), the card border flashes amber/red to indicate urgency.
  • Audible chime alerts for new incoming orders.
  • Simplified "Action Button" (e.g., "Start Cooking" to transition card to Preparing, and "Mark Ready" to transition it to Ready).

⚙️ Backend (Spring Boot)

• Enhance the Order endpoints to support state transitions tailored for kitchen processing.
• Build an SSE (Server-Sent Events) or WebSocket handler, or a short-polling service, to ensure new orders appear on the KDS board instantly without requiring page refreshes.

Expected Outcome

• Kitchen staff can view, prioritize, and process orders on a touch-optimized KDS screen in real-time.
• Visual/audible alerts ensure that cooking speeds are optimized and customer satisfaction is maximized.

[anshika1179]

/assign gssoc

[askr09]

Hi @rdodiya,

I would like to work on this feature under GSSoC'26.

I plan to design and implement a clean and interactive Kitchen Display System (KDS) interface for chefs and kitchen staff with real-time order tracking, status management, and an optimized workflow-focused UI experience.

Please assign this issue to me.

Thank you!

[rdodiya]

Hi @anshika1179 ,
You can post this comment on the issue:

Thanks for creating this issue. As discussed, we can make the KDS view more generic and integrate it with the existing order status update flow instead of building a separate status management system.

Updated Scope

• Add a dedicated KDS/Kanban-style alternate view inside the Orders section.

• Reuse the existing Order Status Update APIs for transitions like:

  • Pending → Preparing
  • Preparing → Ready

• Make the KDS view accessible to Admin, Manager, and Staff roles. Admins will retain access to all existing features, while Manager and Staff roles will only have access to the KDS/order processing functionality.

• Focus on a clean, touch-friendly UI suitable for restaurant operations.

• Real-time updates (SSE/WebSocket/polling) can be implemented incrementally.

You can continue working on this issue with the updated scope.

[anshika1179]

/assign gssoc

[anshika1179]

@rdodiya I had updated this issue according but I guess u assigned my issue to someone else 😕

[rdodiya]

Hi @anshika1179 ,
Please started working on this as mentioned in comment #175 (comment)