Hệ Thống Quản Lý Đơn Hàng F&B (Heo Quay)

Hệ Thống Quản Lý Đơn Hàng F&B (Heo Quay)

Order Management System cho doanh nghiệp F&B với Dashboard real-time, QR Payment, tích hợp Ahamove Delivery API, Zalo API, module Lịch và Quản lý Kho.

Next.js 16React 19TypeScript

📋 Tổng Quan Dự Án

Hệ Thống Quản Lý Đơn Hàng F&B là giải pháp quản lý đơn hàng toàn diện dành cho doanh nghiệp F&B. Hệ thống được xây dựng với các tính năng hiện đại giúp tối ưu hóa quy trình xử lý đơn hàng, thanh toán, giao hàng và quản lý kho.


👨‍💻 Vai Trò Của Tôi

Thông tinChi tiết
Số thành viên1 (Solo Developer)
Vị tríFullstack Developer
Công nghệNext.js 16, React 19, TypeScript

✨ Tính Năng Chính

Dashboard Real-time

  • Xây dựng Dashboard real-time với multi-filter
  • Auto-refresh sử dụng Page Visibility API
  • Hiển thị trạng thái đơn hàng theo thời gian thực

Thanh Toán QR Payment

  • Phát triển tính năng QR Payment cho phép tạo mã QR thanh toán tự động từ thông tin đơn hàng
  • Kiểm tra trạng thái thanh toán real-time

Tích Hợp Giao Hàng & Thông Báo

  • Tích hợp Ahamove Delivery API để tạo đơn giao hàng trực tiếp từ hệ thống
  • Tích hợp Zalo API để gửi thông báo tự động cho khách hàng

Module In Ấn

  • Print Module hỗ trợ in phiếu bếp và báo cáo doanh thu
  • CSS tối ưu cho máy in nhiệt

Module Lịch

  • Xây dựng module Lịch với 3 chế độ xem (Tháng/Tuần/Ngày)
  • Sử dụng dynamic imports để tối ưu performance
  • Xếp lịch theo đơn hàng

Trang Gom Hàng

  • Phát triển trang Gom Hàng để tổng hợp số lượng sản phẩm theo ngày
  • Tính năng copy text thông minh để gửi cho bếp

Quản Lý Kho

  • Module Quản lý Kho với đầy đủ thao tác thêm/sửa/xóa
  • Tự động tính tồn kho

📸 Ảnh Chụp Màn Hình

Trang Chủ - Dashboard

Trang ChủTrang Chủ

Chi Tiết Đơn Hàng

Chi Tiết Đơn HàngChi Tiết Đơn Hàng

In Phiếu Bếp

In Phiếu BếpIn Phiếu Bếp

Trang Xếp Lịch Theo Đơn Hàng

Xếp LịchXếp Lịch

Trang Gom Hàng (Nguyên Liệu)

Gom HàngGom Hàng

Trang Quản Lý Kho

Quản Lý KhoQuản Lý Kho

Bạn thích dự án này?

Hãy xem live demo hoặc source code trên GitHub