Co-working Space ที่ ยืดหยุ่น
จองได้ทุกชั่วโมง ทุกที่

Hot Desk · ห้องประชุม · สำนักงานส่วนตัว — เริ่มต้น 60 บาท/ชม.

12สาขาในกรุงเทพฯ
500+โต๊ะทำงาน
50+ห้องประชุม

🎯 เลือกประเภทพื้นที่

จองได้ตามต้องการ ไม่ต้องสมัครสมาชิกรายเดือน

🔥 ยอดนิยม 🪑
Hot Desk
โต๊ะทำงานส่วนตัว เลือกได้ทุกชั่วโมง
Wi-Fi เร็ว ปลั๊กไฟ กาแฟฟรี
฿60/ชั่วโมง
👥 ประชุม 🎯
ห้องประชุม
ห้องประชุมขนาด 4-12 ที่นั่ง พร้อม TV 75"
TV 75" Whiteboard Catering
฿250/ชั่วโมง
🔒 ส่วนตัว 🏢
Private Office
สำนักงานส่วนตัว 2-8 ที่นั่ง รายวัน
ห้องส่วนตัว ตู้เก็บของ ตลอด 24 ชม.
฿1,200/วัน

📍 สาขาของเรา

12 สาขาใจกลางกรุงเทพฯ

✨ สิ่งที่คุณจะได้รับ

Wi-Fi เร็ว 1 Gbps
อัปโหลด/ดาวน์โหลด ไม่มีสะดุด
กาแฟ/ชาฟรี
ตลอดเวลาที่ใช้บริการ
🖨️
Printer/Scanner
ใช้ได้ไม่จำกัด
🔒
ความปลอดภัย 24/7
CCTV + Key Card

📅 การจองของฉัน

ทั้งหมด
กำลังจะมาถึง
เรียบร้อยแล้ว
💼
📖 คู่มือการใช้งาน CoSpace
คลิกแท็บด้านล่างเพื่อเรียนรู้การใช้งาน
📸 ภาพหน้าจอ
📚 คู่มือฉบับเต็ม
✨ ฟีเจอร์
⚡ เริ่มต้นใช้งาน

📸 หน้าจอของแอป CoSpace

ภาพหน้าจอจริงจากแอป CoSpace (เวอร์ชัน v1.1)

CoSpace Screenshot
💡 เคล็ดลับ: คลิกที่การ์ดห้อง/ร้าน/สนาม หรือปุ่ม "จอง" เพื่อเปิด modal การจอง

💼 CoSpace — คู่มือฉบับสมบูรณ์

Live URL: https://codehub.sj88ai.com/cospace/ Source: /workspace/cospace/index.html (36KB, 1,400+ lines) Version: v1.0 Color: Cyan #0891b2 Category: Booking & Reservation


📋 Overview

CoSpace เป็นระบบจอง Co-working Space และห้องประชุม เน้นความยืดหยุ่น — จองได้ทั้งรายชั่วโมง/รายวัน/รายเดือน ไม่ต้องสมัครสมาชิก

✨ Features

Feature Description
🪑 3 ประเภทพื้นที่ Hot Desk (60฿/ชม), ห้องประชุม (250฿/ชม), Private Office (1,200฿/วัน)
📍 6 สาขา Asok, Silom, Siam, Rama9, Ari, Ekkamai
🗺️ Visual Floor Plans 32 Hot Desks, 6 ห้องประชุม, 4 Private Offices
12 Time Slots 08:00-20:00 ทุก 1 ชม.
💰 Hourly Pricing คิดตามจำนวนชั่วโมงจริง
🕐 Multi-hour Discount จองหลายชั่วโมงติดกัน
💳 PromptPay ชำระเงิน
📊 Owner Stats 6 สาขา + สถิติรายสาขา

🛠️ User Guide

1. การจอง

  1. เปิด https://codehub.sj88ai.com/cospace/
  2. เลือกประเภทพื้นที่ (Hot Desk/ห้องประชุม/Private Office)
  3. เลือกสาขา (6 สาขาใน กทม.)
  4. เลือกโต๊ะ/ห้อง จาก floor plan
  5. เลือกเวลา (คลิกหลาย slot ได้)
  6. ดูสรุปราคา → ยืนยัน

2. Capacity

  • Hot Desk มี badge "p" (2/4/6 คน)
  • Meeting Room มี badge "X ท่าน"
  • Private Office มี badge "X ที่นั่ง"

💻 Code Structure

LOCATIONS = [
  {id, name, area, desks, rooms, emoji, addr},
  ... 6 items
];

const PRICES = {'hot-desk': 60, 'meeting': 250, 'private': 1200};
const TYPE_LABELS = {...};

selectSpaceType(type)
openBooking(type, locationName)
selectTable(id)
toggleSlot(hour)  // toggle time
confirmBooking()   // save + navigate

🎯 Suggested Improvements (10 ข้อ)

🔥 High Impact

  1. 📅 Calendar View — เลือกวันที่แล้วเห็น slot ว่างของทั้งเดือน
  2. 👥 Team Booking — จองหลายโต๊ะพร้อมกัน (team of 5)
  3. 💳 Subscription Plans — แพ็กเกจรายเดือน/รายปี
  4. 🔄 Recurring Booking — จองซ้ำทุกสัปดาห์อัตโนมัติ

🟡 Medium Impact

  1. 🖥️ Equipment Filter — เลือกโต๊ะที่มีหน้าจอ 4K/ไมค์/whiteboard
  2. 🍕 Add-on Service — เครื่องดื่ม/อาหาร/Printer
  3. 📍 Map View — แผนที่แสดง 6 สาขา
  4. 🅿️ Parking — จองที่จอดรถล่วงหน้า

🟢 Nice to Have

  1. 📊 Real-time Occupancy — แสดงโต๊ะว่าง/ไม่ว่าง real-time
  2. 🤝 Member Directory — หาคนทำงานใน co-working ด้วยกัน

🐛 Known Issues

  • ไม่มี "วันที่" ในการจอง (default = พรุ่งนี้)
  • Multi-slot อาจคำนวณผิดถ้าไม่เรียงลำดับ

📊 Stats

  • Lines: 1,400+
  • Locations: 6
  • Desks: 32
  • Meeting rooms: 6
  • Private offices: 4

📌 Live: https://codehub.sj88ai.com/cospace/

✨ ฟีเจอร์หลักทั้งหมด

ฟีเจอร์ครบครันที่มีใน CoSpace — ดูรายละเอียดในแท็บ "คู่มือฉบับเต็ม"

⚡ เริ่มต้นใช้งานใน 4 ขั้นตอน

1
เลือกหมวดหมู่

คลิกที่ filter pills ด้านบนเพื่อเลือกประเภทที่ต้องการ

2
เลือกรายการ

คลิกที่การ์ดรายการที่สนใจ เพื่อเปิด modal รายละเอียด

3
กรอกข้อมูลการจอง

เลือกวันที่, เวลา, จำนวนคน และตัวเลือกเพิ่มเติม

4
ยืนยันและชำระเงิน

กดปุ่มยืนยัน → ระบบจะแสดง QR PromptPay เพื่อชำระเงิน