MIE JEBEW TAMAN WALET
Real-Time Food Ordering Web Application & Kitchen Dashboard
PROJECT BACKGROUND
Dalam industri F&B, keterlambatan informasi pesanan yang masuk ke dapur dapat berdampak langsung pada penumpukan antrean dan kepuasan pelanggan.
THE CORE CHALLENGE
Pemesanan manual di meja kasir menyebabkan antrean panjang saat jam sibuk, sementara solusi WebSocket duplex penuh terlalu boros sumber daya untuk alur satu arah.
ENGINEERING STRATEGY
Merancang alur pemesanan mandiri (self-service order) menggunakan Server-Sent Events (SSE) yang hemat resource, state management Zustand tanpa re-render berlebih, dan validasi form Zod schema.
ARCHITECTURE SPECIFICATION
- 01Presentation: Next.js responsive client with client-side Zustand cart management
- 02Streaming Engine: Server-Sent Events (SSE) route handlers for low-overhead order pushing
- 03Data Integrity: Zod schema input validation paired with SQLite and Prisma ORM
- 04Hosting Infrastructure: Cloud deployment on AWS EC2 with PM2 and Nginx reverse proxy
Self-service ordering UI with Zustand state store, level customization, & Zod form schemas.
Persistent unidirectional HTTP connection pushing order tickets with auto-reconnection.
Instant ticket rendering on kitchen/cashier tablets with audio alerts and stock tally.
DELIVERED CAPABILITIES
- Self-service digital menu browsing with spicy level customizations
- Lightweight real-time push notifications to admin and kitchen dashboards
- Automated reconnection handling in case of unstable outlet internet
- Admin dashboard with HTTP-only cookies for menu, stock, and promo management
PROJECT LIFECYCLE
Active production deployment at pesanmiejebew.my.id.
TECHNICAL TAKEAWAY
Server-Sent Events terbukti jauh lebih efisien dan hemat memori dibanding WebSocket untuk kebutuhan notifikasi satu arah dari server ke dashboard kasir.
