ภาพรวม

แพลตฟอร์มจองตั๋วคอนเสิร์ตยุคใหม่ที่มีฟีเจอร์ตัวแก้ไข E-Ticket แบบลากวาง (Drag-and-drop), ระบบการจองและล็อคที่นั่งชั่วคราว (Soft Hold), และการสร้างคิวอาร์โค้ดแบบเรียลไทม์สำหรับการสแกนของพนักงาน

ความท้าทาย

  • •การป้องกันการจองซ้ำซ้อนในช่วงที่มีผู้ใช้งานจำนวนมากตอนเปิดขายบัตร
  • •การสร้างอินเทอร์เฟซ Drag-and-drop ที่ตอบสนองรวดเร็วสำหรับผู้จัดงานเพื่อออกแบบ E-Ticket ด้วยตนเอง
  • •การทำให้การสแกนคิวอาร์โค้ดของพนักงานหน้างานเป็นไปอย่างรวดเร็วและเชื่อถือได้ แม้การเชื่อมต่ออินเทอร์เน็ตจะไม่เสถียร

การดำเนินการ

  • •สร้างระบบ Soft Hold ด้วย Redis (หรือ Transaction) เพื่อจองและล็อคที่นั่งไว้ 15 นาทีระหว่างขั้นตอนการชำระเงิน
  • •สร้าง Dynamic Ticket Editor โดยใช้การจัดการ State ของ React ขั้นสูงและ HTML Canvas ในส่วนการออกแบบ
  • •ปรับปรุงระบบสแกนและคำสั่งฐานข้อมูลด้วย Prisma ทำให้สามารถตรวจสอบและยืนยันตั๋วได้ในเวลาต่ำกว่า 1 วินาที

ผลลัพธ์

  • •ได้ระบบที่มีความสามารถในการขยายตัวสูง (Scalable) รองรับการจองบัตรพร้อมกันจำนวนมาก
  • •มอบประสบการณ์ผู้ใช้ (UI/UX) ที่ลื่นไหลทั้งฝั่งผู้จัดงานและผู้ซื้อบัตร
  • •รองรับหลายภาษาแบบเต็มรูปแบบ (i18n) สำหรับผู้ใช้งานต่างชาติ

เทคโนโลยีที่ใช้

Next.js 16HeroUI v3PrismaSupabase