ระบบสั่งอาหารผ่าน QR Code สำหรับร้านอาหารแบบครบวงจร พัฒนาด้วย Next.js 14 และ Node.js + Express เพื่อรองรับการสั่งอาหารและจัดการร้านแบบ real-time
— mission file —
Restaurant QR System
ระบบสั่งอาหารผ่าน QR Code สำหรับร้านอาหาร รองรับการสั่งอาหารแบบ real-time พร้อม Kitchen Display System และ Admin Dashboard แยก role การทำงานชัดเจน
7
Total Technology
10
Highlights
</>Technologies Used
Next.js
Express
PostgreSQL
Prisma
Socket.io
TypeScript
Tailwind CSS
Key Features
▸
ระบบตะกร้าและสั่งอาหาร (Cart & Order System)
ลูกค้าสามารถเลือกเมนู ใส่หมายเหตุ และยืนยันออเดอร์ได้
▸
ระบบ Kitchen Display System (KDS)
ครัวรับออเดอร์แบบ real-time ผ่าน Socket.io พร้อม confirm และอัปเดตสถานะได้ทันที
▸
ระบบ Role-based Access Control แยก 4 บทบาท ได้แก่ Owner
Manager, Chef และ Waiter แต่ละ role เห็นและทำได้เฉพาะส่วนที่เกี่ยวข้อง
▸
พัฒนาด้วย Next.js 14 (App Router)
TypeScript, Tailwind CSS, Shadcn/ui สำหรับ Frontend และ Node.js, Express, Socket.io, Prisma ORM, PostgreSQL, JWT สำหรั…
▸
ใช้ Socket.io สำหรับ real-time communication
Role-based Access Control สำหรับจัดการสิทธิ์, และ Cloudinary สำหรับจัดการรูปภาพเมนู
◇Project Overview
10 modules
ระบบ QR Code Generation แยกตามโต๊ะ ลูกค้าสแกนแล้วสั่งอาหารได้ทันทีโดยไม่ต้องติดตั้งแอป
ระบบเมนูอาหาร (Menu Management) รองรับการแบ่งหมวดหมู่อาหาร เพิ่ม/แก้ไข/ซ่อนรายการ และ upload รูปผ่าน Cloudinary
ระบบตะกร้าและสั่งอาหาร (Cart & Order System)
ลูกค้าสามารถเลือกเมนู ใส่หมายเหตุ และยืนยันออเดอร์ได้
ระบบ Kitchen Display System (KDS)
ครัวรับออเดอร์แบบ real-time ผ่าน Socket.io พร้อม confirm และอัปเดตสถานะได้ทันที
ระบบ Role-based Access Control แยก 4 บทบาท ได้แก่ Owner
Manager, Chef และ Waiter แต่ละ role เห็นและทำได้เฉพาะส่วนที่เกี่ยวข้อง
ระบบจัดการโต๊ะ (Table Management) สำหรับเปิด-ปิดโต๊ะ print QR Code และดูสถานะโต๊ะแบบ real-time
ระบบ Sales Dashboard แสดงยอดขายรายวัน/สัปดาห์/เดือน พร้อมประวัติออเดอร์และใบเสร็จดิจิทัล
พัฒนาด้วย Next.js 14 (App Router)
TypeScript, Tailwind CSS, Shadcn/ui สำหรับ Frontend และ Node.js, Express, Socket.io, Prisma ORM, PostgreSQL, JWT สำหรับ Backend
ใช้ Socket.io สำหรับ real-time communication
Role-based Access Control สำหรับจัดการสิทธิ์, และ Cloudinary สำหรับจัดการรูปภาพเมนู