thanason.
มหาวิทยาลัย · งานกลุ่ม · 2025

MorningMores Ticket Reservation

ระบบจองตั๋วคอนเสิร์ตและอีเวนต์ออนไลน์ ดูอีเวนต์ ค้นหาและกรองตามประเภทกับวันที่ จองและยกเลิกตั๋ว และสร้างอีเวนต์ของตัวเองได้ ทีมพัฒนาแบบ DevOps และ deploy ด้วย Docker ผมรับผิดชอบฝั่ง Frontend ลองกดใช้ได้จริงในกรอบด้านล่าง จะสลับดูแบบหน้าต่างหรือมือถือก็ได้

NuxtSpring BootMySQLDockerFrontend Developerงานกลุ่ม
ลองใช้เดโม GitHub กลับไปหน้าผลงาน
เปิดเต็มจอ
thanason.online/projects/morningmores/
โหมดเดโม · ข้อมูลจำลอง

ลองใช้ระบบจองตั๋ว

ระบบตัวจริงใช้ Nuxt คุยกับ Spring Boot และ MySQL เวอร์ชันนี้ใช้ข้อมูลจำลองในเบราว์เซอร์ เพื่อให้ลองกดได้ทันทีโดยไม่ต้องมีเซิร์ฟเวอร์

จอมือถือแคบเกินกว่าจะแสดงกรอบ เปิดเดโมเต็มจอแทนได้เลย

เปิดเดโมเต็มจอ
  1. เลือกอีเวนต์ กด Browse Events หรือ All Event ค้นหาตามชื่อ ประเภท (Rock, Pop, Jazz, EDM) หรือวันที่
  2. ดูรายละเอียดและจอง กด More เพื่อดูรายละเอียด เลือกจำนวนตั๋ว แล้วกด Join ระบบจะให้เข้าสู่ระบบก่อน ใช้อีเมลและรหัสผ่านอะไรก็ได้
  3. สร้างและจัดการอีเวนต์ กด Create Event เพื่อสร้างงานของตัวเอง แล้วดูและแก้ไขใน Your Events ส่วนตั๋วที่จองดูได้ใน My Bookings

โหมดเดโม · ข้อมูลจำลอง: ข้อมูลที่กรอกเก็บไว้ในเบราว์เซอร์ของคุณเท่านั้น ไม่มีการส่งไปที่ใด ภาพอีเวนต์เป็นภาพถ่ายที่ใช้ได้ตามใบอนุญาต ดูเครดิตด้านล่างหน้า

ฟีเจอร์ในระบบ

ค้นหาและกรองอีเวนต์

ค้นหาตามชื่อ สถานที่ หรือคำอธิบาย กรองตามประเภทดนตรีและวันที่

รายละเอียดอีเวนต์

ดูวันเวลา สถานที่ ราคาตั๋ว และจำนวนที่นั่งที่เหลือ

จองและยกเลิกตั๋ว

เลือกจำนวนตั๋ว จอง และยกเลิกการจองได้จากหน้าของฉัน

สร้างอีเวนต์

ผู้จัดกรอกชื่องาน รายละเอียด ราคา จำนวนที่นั่ง และสถานที่ได้เอง

จัดการอีเวนต์ของฉัน

ดู แก้ไข และลบอีเวนต์ที่สร้างไว้ พร้อมดูผู้เข้าร่วม

สมัครและเข้าสู่ระบบ

สมัครสมาชิก เข้าสู่ระบบ และแก้ไขโปรไฟล์ของตัวเอง

เครดิตภาพประกอบ

ภาพอีเวนต์ในเดโมเป็นภาพถ่ายจริงจาก Wikimedia Commons ที่ใช้ได้ตามใบอนุญาตครีเอทีฟคอมมอนส์ ตัดและย่อขนาดเพื่อแสดงในระบบ

ทีมผู้จัดทำ

PANAIYAKORNPORAMEETHANASONPICHITCHAIPUTINUNSUVEEWATKANTANAT

งานกลุ่ม คณะเทคโนโลยีสารสนเทศและการสื่อสาร มหาวิทยาลัยมหิดล · MIT License

กลับไปหน้าผลงานทั้งหมด