🌟ทั้งหมด
🎤คอนเสิร์ต
🎬ภาพยนตร์
⚽กีฬา
🎭ละครเวที
😂สแตนด์อัพ
🎪เทศกาล
🏛️เอ็กซ์โป
🎫
📖 คู่มือการใช้งาน EventTix
คลิกแท็บด้านล่างเพื่อเรียนรู้การใช้งาน
📸 ภาพหน้าจอ
📚 คู่มือฉบับเต็ม
✨ ฟีเจอร์
⚡ เริ่มต้นใช้งาน
📸 หน้าจอของแอป EventTix
ภาพหน้าจอจริงจากแอป EventTix (เวอร์ชัน v1.1)
💡 เคล็ดลับ: คลิกที่การ์ดห้อง/ร้าน/สนาม หรือปุ่ม "จอง" เพื่อเปิด modal การจอง
🎫 EventTix — คู่มือฉบับสมบูรณ์
Live URL: https://codehub.sj88ai.com/eventtix/
Source: /workspace/eventtix/index.html (44KB, 1,800+ lines)
Version: v1.0
Color: Purple #9333ea
Category: Booking & Reservation
📋 Overview
EventTix เป็นระบบจองตั๋วอีเวนต์ คอนเสิร์ต หนัง กีฬา ละคร — จุดเด่นคือ Interactive Seat Map 168 ที่นั่ง พร้อมระบบ 3 ระดับ VIP/Premium/Regular
✨ Features
| Feature | Description |
|---|---|
| 🎤 12 อีเวนต์ | คอนเสิร์ต, หนัง, กีฬา, ละคร, Comedy, Festival, Expo |
| 🪑 Interactive Seat Map | 12 rows × 14 cols = 168 ที่นั่ง (VIP/Premium/Regular) |
| 💰 3 ระดับราคา | VIP (2,500-7,800฿), Premium (1,800-5,500฿), Regular (280-3,800฿) |
| 🛒 Cart System | เลือกได้สูงสุด 6 ที่นั่ง/การซื้อ |
| 📱 QR Ticket | QR code สำหรับ check-in |
| 💳 PromptPay | ชำระเงิน |
| 🎫 My Tickets | แยก upcoming/past |
| 🖼️ Beautiful Posters | gradient backgrounds + emoji icons |
| 🔍 Category Filter | 7 หมวดอีเวนต์ |
🛠️ User Guide
1. การจองตั๋ว
- เปิด https://codehub.sj88ai.com/eventtix/
- ดู featured banner "Bodyslam World Tour 2026"
- เลือกหมวด (คอนเสิร์ต/หนัง/กีฬา/...)
- คลิก event card → เปิด modal
- เลือกที่นั่ง จากแผนผัง (สีเหลือง=VIP, ม่วง=Premium, ขาว=Regular)
- คลิกหลายที่นั่ง ได้ (สูงสุด 6)
- กด "เพิ่มลงตะกร้า"
- ไปตะกร้า → ชำระ PromptPay
2. Seat Map Legend
- 🟡 Yellow = VIP (ราคาสูงสุด)
- 🟣 Purple = Premium (กลางๆ)
- ⚪ White = Regular (ถูกสุด)
- ✕ Crossed = ไม่ว่าง (ถูกจองแล้ว)
- 🟦 Selected = ที่นั่งที่เลือก (สีฟ้าคราม)
💻 Code Structure
EVENTS = [
{id, title, cat, emoji, grad, date, time, venue, city, price, vipPrice, premiumPrice, sold, desc},
... 12 items
];
generateSeatMap(eventId) // returns 12x14 grid
toggleSeat(row, col) // select/deselect
addToCart() // save to state.cart
checkout() // show PromptPay
// Cart state
state = {cart: [], currentEvent, currentSeats, selectedSeats: []}
🎯 Suggested Improvements (10 ข้อ)
🔥 High Impact
- 🗺️ Venue Map — แผนที่โรงละคร/สนามกีฬา พร้อมประตูทางเข้า
- 🎯 Real-time Seat Updates — WebSocket แสดงที่นั่งที่คนอื่นกำลังจอง
- 📧 E-Ticket PDF — ดาวน์โหลด PDF เป็น Wallet Pass (Apple/Google)
- 👥 Group Booking — จองคนเยอะ มี discount 5-10%
🟡 Medium Impact
- 🎤 Multi-tier Pricing — ราคา Early Bird / Regular / VIP แยกชัดเจน
- 📅 Calendar View — ดูอีเวนต์ทั้งเดือน
- 🔔 Notification — แจ้งเตือนก่อนงาน 24 ชม.
- 💱 Refund Policy — คืนเงินได้ 50% ก่อน 7 วัน
🟢 Nice to Have
- 🤝 Resale — ขายต่อตั๋วที่จองแล้ว
- 🎵 Audio Preview — ฟังตัวอย่างเพลงจากศิลปิน
🐛 Known Issues
- ที่นั่ง "ไม่ว่าง" เป็น random
- ไม่มี real-time sync
📊 Stats
- Lines: 1,800+
- Events: 12
- Seats: 168
- Categories: 7
- File size: 44KB
📌 Live: https://codehub.sj88ai.com/eventtix/
✨ ฟีเจอร์หลักทั้งหมด
ฟีเจอร์ครบครันที่มีใน EventTix — ดูรายละเอียดในแท็บ "คู่มือฉบับเต็ม"
⚡ เริ่มต้นใช้งานใน 4 ขั้นตอน
1
เลือกหมวดหมู่
คลิกที่ filter pills ด้านบนเพื่อเลือกประเภทที่ต้องการ
2
เลือกรายการ
คลิกที่การ์ดรายการที่สนใจ เพื่อเปิด modal รายละเอียด
3
กรอกข้อมูลการจอง
เลือกวันที่, เวลา, จำนวนคน และตัวเลือกเพิ่มเติม
4
ยืนยันและชำระเงิน
กดปุ่มยืนยัน → ระบบจะแสดง QR PromptPay เพื่อชำระเงิน