fnb.eapp.vn · POS System · Restaurant & Cafe Ordering

eApp FnB — Restaurant & Cafe POS

Hệ thống quản lý bán hàng (POS) chuyên biệt cho ngành F&B (nhà hàng, quán cafe, trà sữa). Tích hợp các giải pháp gọi món tự động bằng mã QR tại bàn, điều phối đơn hàng nhà bếp/quầy bar tức thì, và bảng thống kê doanh thu realtime. Ứng dụng hỗ trợ PWA cài đặt trực tiếp và đồng bộ ngoại tuyến mượt mà.

Key Features

• Quản lý đa cửa hàng: Quản lý kho hàng, thực đơn và nhân sự tập trung trên nhiều chi nhánh khác nhau.
• Gọi món tại bàn QR: Khách quét mã QR tại bàn tự xem menu, chọn thuộc tính (đá, đường, size) và đặt món chuyển thẳng vào bếp.
• Dashboard realtime: Theo dõi trực quan doanh số bán hàng, số bàn đang phục vụ và món bán chạy tức thời.
• Giao diện tùy biến: Hỗ trợ nhiều tone màu giao diện (Xanh, Dương, Vàng, Cam, Tím, Hồng) phù hợp với nhận diện thương hiệu.

Stack & Techs

• Backend: Python / Django Framework
• Frontend: JavaScript (Vanilla) · Bootstrap 5 · HTML5 Manifest (PWA)
• Service Worker & Caching: Service Worker offline caching (`/sw.js`)
• Database & Sync: SQLite / PostgreSQL · Real-time JSON synchronization

Technical Architecture

Hệ thống tối ưu hóa cho các thao tác tần suất cao tại quầy bán hàng. Tận dụng Service Worker lưu cache các tài nguyên tĩnh giúp truy cập ngoại tuyến (offline) và tăng tốc điều hướng. Các yêu cầu thanh toán và đặt món được xử lý qua payload JSON bảo mật cao, chống trùng lặp đơn đặt hàng.

Thách thức & Giải pháp kỹ thuật

• Thách thức: Đảm bảo quầy bếp nhận được đơn đặt món tức thì trong điều kiện mạng chập chờn mà không bị in trùng đơn.
• Giải pháp: Áp dụng mã giao dịch duy nhất (idempotent key) tạo từ phía client, kết hợp đồng bộ dữ liệu cục bộ qua cơ sở dữ liệu IndexedDB trên trình duyệt trước khi đẩy lên máy chủ.

Kết quả đạt được

• Triển khai thành công PWA app, giúp nhân viên phục vụ ghi món và thanh toán dễ dàng trên máy tính bảng và điện thoại.
• Giảm 30% thời gian phục vụ món ăn nhờ quy trình tự đặt món QR tại bàn của khách hàng.

Hình ảnh dự án (Screenshots)