กลับไปหน้าผลงาน
Client Work: Dormitory / Daily Booking

ระบบจองห้องพักรายวัน
หอพักเชาวรัตน์

ระบบหลังบ้านสำหรับเจ้าหน้าที่หอพัก ดูห้องว่างบนปฏิทิน สร้างการจอง รับชำระเงินพร้อมสลิป และสรุปรายรับ ใช้งานได้ทั้งมือถือและคอมพิวเตอร์

ผลงานจริง · ใช้งานจริงWeb AppSupabaseMobile-first
หน้าปฏิทินห้องว่างของระบบจองห้องพักรายวัน หอพักเชาวรัตน์ (ข้อมูลตัวอย่าง)
Room Calendar

ภาพหน้าจอจากระบบจริง แต่ใส่ข้อมูลตัวอย่างแทน — ชื่อ เบอร์โทร ราคา และการจองในภาพไม่ใช่ข้อมูลจริงของหอพัก ระบบนี้เป็นระบบภายในของลูกค้า จึงไม่เปิดให้ทดลองใช้งาน

Overview

หอพักเชาวรัตน์ให้บริการห้องพักรายวัน ระบบนี้ใช้โดยเจ้าหน้าที่เพื่อดูห้องว่าง บันทึกการจอง และติดตามการชำระเงินของแต่ละการจอง

โจทย์

ย้ายงานจองจากระบบเดิมบน Google Sheets / Apps Script มาเป็นระบบที่มีฐานข้อมูลจริง ดูห้องว่างจากมือถือได้ทันที และป้องกันการจองห้องซ้อนวัน

Solution

เว็บแอปแบบ Mobile-first เชื่อม Supabase (PostgreSQL) กฎสำคัญอย่างกันจองซ้อน รหัสจอง และยอดเงิน คำนวณที่ฐานข้อมูล พร้อมเครื่องมือย้ายข้อมูลจากระบบเดิม

Features

ปฏิทินห้องว่าง

ตารางห้อง × วัน แยกสีตามสถานะ เลื่อนดูได้สะดวกบนมือถือ

จองหลายห้องพร้อมกัน

ลูกค้าคนเดียว วันเดียวกัน บันทึกได้ในครั้งเดียว

กันจองซ้อนอัตโนมัติ

ตรวจที่ฐานข้อมูล ห้องเดียวกันจองทับช่วงวันไม่ได้

รับชำระเงิน + สลิป

บันทึกเงินสด/โอน แนบรูปสลิป คำนวณยอดคงเหลือให้เอง

ค่าใช้จ่ายเพิ่ม & เอกสาร

เพิ่มค่าบริการ/ค่าปรับ และแนบรูปหรือเอกสารในแต่ละการจอง

ลูกค้า & ห้องพัก

ผูกลูกค้าด้วยเบอร์โทร ตั้งห้องปิดปรับปรุงหรือปิดใช้งานได้

Dashboard รายวัน

ห้องว่าง เช็คอิน/เช็คเอาต์ รายรับ และยอดค้างชำระ

Export & สำรองข้อมูล

CSV เปิดใน Excel ได้ รายงานรายเดือน และไฟล์สำรองข้อมูล

Technology

HTML / CSS / JavaScriptBootstrap 5 Supabase (PostgreSQL)Supabase Auth Supabase StorageNetlify

ข้อมูลโปรเจกต์

  • ลูกค้า: หอพักเชาวรัตน์
  • ประเภท: ระบบหลังบ้าน (เฉพาะเจ้าหน้าที่)
  • ขอบเขต: ออกแบบ พัฒนา ย้ายข้อมูลจากระบบเดิม และขึ้นระบบจริง
  • สถานะ: ใช้งานจริง

ความปลอดภัยของข้อมูล

  • เข้าระบบได้เฉพาะบัญชีเจ้าหน้าที่ (Supabase Auth)
  • เปิด Row Level Security ทุกตาราง — ไม่ล็อกอินอ่านข้อมูลไม่ได้
  • รูปสลิปเก็บใน Storage ที่เปิดดูได้เฉพาะผู้ล็อกอิน
  • ดาวน์โหลดไฟล์สำรองข้อมูลทุกตารางได้เอง

System Flow

ลูกค้าติดต่อจอง
ดูห้องว่าง
สร้างการจอง (กันจองซ้อน)
รับชำระ + แนบสลิป
Dashboard / Export

อยากได้ระบบจองหรือระบบหลังบ้านสำหรับธุรกิจของคุณ?

หอพัก โฮมสเตย์ ห้องประชุม หรืองานจองแบบอื่น ๆ ส่ง Requirement มาให้ CATBYTE ช่วยประเมิน

ติดต่อ CATBYTE
LINE: _.stwcs Facebook Contact Form