Back to projects

KaQuiz

11 viewsPublished on 1/30/2026
KaQuiz - Image 1
1 / 5

About the Project

✨ Features

📋 การจัดการ Quiz (สำหรับ Host)

  • สร้าง Quiz ใหม่พร้อมตั้งชื่อและคำอธิบาย
  • เพิ่ม/แก้ไข/ลบคำถามได้
  • รองรับหลายประเภทคำถาม:
    • Multiple Choice (4 ตัวเลือก)
    • True/False
    • Type Answer (พิมพ์คำตอบ)
  • ตั้งเวลาต่อคำถาม (5-60 วินาที)
  • ตั้งคะแนนต่อคำถาม
  • เพิ่มรูปภาพประกอบคำถาม
  • บันทึกเป็น Draft หรือ Publish

🎮 การเล่นเกมแบบเรียลไทม์ (Game Session)

  • สร้าง Game PIN สำหรับเข้าร่วม
  • Lobby รอผู้เล่นเข้าร่วม
  • แสดงคำถามพร้อมกันทุกคน
  • นับถอยหลังเวลาตอบ
  • แสดงผลคำตอบหลังจบแต่ละข้อ
  • Leaderboard อัปเดตแบบ Real-time
  • สรุปผลเมื่อจบเกม

🎮 ประสบการณ์ของผู้เล่น

  • เข้าร่วมด้วย Game PIN
  • ใส่ชื่อเล่น (Nickname)
  • เห็นตัวเลือกบนหน้าจอตัวเอง
  • ตอบคำถามด้วยการกดปุ่ม
  • เห็นคะแนนและอันดับตัวเอง

📊 รายงานและสถิติ

  • ดูประวัติเกมที่เคยเล่น
  • สถิติคำตอบถูก/ผิดของผู้เล่น
  • Export ผลคะแนนเป็น CSV
  • ดูคำถามที่ผู้เล่นตอบผิดบ่อย

👤 การจัดการผู้ใช้

  • ลงทะเบียน / เข้าสู่ระบบ
  • แก้ไขโปรไฟล์
  • ดู Quiz ที่สร้างไว้
  • ดูประวัติการเล่น

Technologies

Next.js 16TypeScriptTailwind CSS 4shadcn/uiLucide ReactSocket.io ClientZustandReact Hook FormZodNext.js API RoutesPrisma ORMPostgreSQLSocket.ioNextAuth.jsbcryptVercelSupabaseNeon