📖 Overview
จองหอพัก/ห้องพัน · 10 ห้อง · ปฏิทิน + แชท
🛠️ Tech Stack
vanilla JS
🏷️ Tags
- booking
- rental
StayHub v3.0 — Minimal UI/UX Redesign
released 2026-07-08🗣️ User Command
ออกแบบ ปรับ UI UX ให้สวย ใช้ง่ายกว่านี้ อันนี้ดูรกๆไปหน่อย
🤖 AI Response
Redesign CSS ให้สะอาด minimal ลด ornament: refined color palette (#0c1220 dark navy + gold accent เฉพาะ CTA) · ลบ shine animation · ลด shadow tier · เพิ่ม whitespace (40px section margins, 22px card padding) · typography hierarchy (500/600/700 weights, -0.5px letter-spacing) · ไม่ใช้ gradient text บนราคา · ไม่ใช้ icon containers สีหลายสี · ปรับ border radius 16px (จาก 20px) · แก้ user chip wrapping
✅ What Changed
- Color palette refined — #0c1220 bg + gold only on CTAs
- Topbar — removed shine animation, simpler logo
- Hero — cleaner, more whitespace
- Room cards — 16px radius (was 20px), solid price color
- Stat cards — simpler icon containers
- Booking modal — flatter design
- Admin chart — solid gold bars (no gradient)
- User chip fix — added white-space:nowrap
- Search-mini — 160px width for better balance
- Nav items — smaller padding/font for less crowded look
StayHub v2.0 — +10 Features ครบทุกฟีเจอร์
released 2026-07-08🗣️ User Command
ทำให้หมด และทดสอบว่าใช้ได้จริง (10 features + 2 bonus)
🤖 AI Response
ขยายเป็น 173KB (+50KB) เพิ่ม 10 features + 2 bonus ในไฟล์เดียว: 🌓 Dark/Light mode · 🔔 Notification center · 🎁 Coupon system (5 codes NEWUSER10/GOLD15/STAY7/LONGSTAY20/WEEKEND5) · 📅 Availability calendar · ⚖️ Compare rooms · 💬 Chat with owner · ⭐ Review system · 📊 Admin dashboard · 📲 PWA · 🧾 PDF receipt · bonus: ♥ Wishlist + 🎁 LONGSTAY -20%
✅ What Changed
- 🌓 Dark/Light toggle — CSS variables + body.light class + localStorage
- 🔔 Notification Center — bell with badge + dropdown
- 🎁 Coupon System — 5 codes, percent + fixed discount, auto-apply LONGSTAY
- 📅 Availability Calendar — month view + range selection
- ⚖️ Compare Rooms — toggle on cards (max 3) + side-by-side table
- 💬 Chat with Owner — quick replies + auto-reply 10+ Thai keywords
- ⭐ Review System — 5-star rating + textarea form
- 📊 Admin Dashboard — KPI + bar chart + room table
- 📲 PWA Install — Blob URL trick for SW + manifest
- 🧾 PDF Receipt Download — print dialog with custom invoice
- ♥ Wishlist Page — nav badge + dedicated page
- 🎁 LONGSTAY Badge — -20% auto-apply for 30+ day bookings
StayHub - ระบบจองหอพัก & ห้องพัก
released 2026-07-08🗣️ User Command
เพิ่มคู่มือ + screenshots ใน StayHub
🤖 AI Response
v1.1 of StayHub adds in-app help modal: (1) "📖 คู่มือ" button in header, (2) Full-screen help modal with 4 tabs (Screenshot, Full Manual, Features, Quick Start), (3) Real embedded screenshot of the app (base64), (4) Markdown-rendered manual content from /workspace/booking-hub-docs/, (5) Keyboard shortcut "?" to open, (6) ESC + backdrop click to close. Modal is self-contained, no external dependencies.
✅ What Changed
- v1.1: Added in-app help modal (📖 button + 4 tabs: ภาพหน้าจอ/คู่มือฉบับเต็ม/ฟีเจอร์/เริ่มต้นใช้งาน) with embedded screenshot + full markdown manual. Keyboard shortcut "?" to open, ESC/backdrop to close. Modal uses 🏨 themed color.
StayHub - ระบบจองหอพัก & ห้องพัก
released 2026-07-08🗣️ User Command
ship.py: deploy StayHub (ระบบจองหอพัก) to codehub.sj88ai.com via the new ship-prompt pipeline
🤖 AI Response
Shipped StayHub as a self-contained 172KB single-file HTML app (3,248 lines) to codehub.sj88ai.com/stayhub/. Pipeline: SSH upload → nginx location injection → live URL verify (HTTP 200) → CodeHub project library publish via /api/admin/upload. Live URL is INSIDE codehub.sj88ai.com (HARD RULE compliance). App includes 10 features: bookings, payment (4 methods incl. PromptPay QR), availability calendar, chat with owner, room compare, coupons, reviews, admin dashboard, PWA, PDF receipt + bonus wishlist + LONGSTAY discount.
✅ What Changed
- ship.py: deployed /workspace/dorm-booking/index.html (172KB) → codehub.sj88ai.com/stayhub/
- ship.py: auto-injected nginx location ^~ /stayhub/ → /mnt/16tb/codehub/apps/stayhub/
- ship.py: verified HTTP 200 on https://codehub.sj88ai.com/stayhub/
- ship.py: published v1.0 to CodeHub project library (is_new_project=true)
- ship.py: created category Booking & Reservation, icon 🏨, color #f59e0b
- Note: 3 versions already exist (v1.0/v2.0/v3.0) — this v1.0 entry will be the latest