ระบบจองโต๊ะและห้องประชุมในห้องสมุด

เจ้าของผลงานเล่าไว้แบบนี้

https://sirapobsak.github.io/library-booking/ # 📚 Library Desk & Meeting Room Booking System ระบบจองโต๊ะและห้องประชุมในห้องสมุด สร้างด้วย **React + Vite + Tailwind CSS + Lucide Icons** 🌐 **เว็บไซต์ (Live):** https://sirapobsak.github.io/library-booking/ > Deploy อัตโนมัติผ่าน GitHub Actions ทุกครั้งที่ push ขึ้น branch `main` > 🤖 **AI agent / Codex:** อ่าน [`AGENTS.md`](AGENTS.md) ก่อนแก้โค้ด — สรุปโครงสร้าง วิธีรัน/ดีพลอย และข้อควรระวังไว้ครบ ## ✨ ฟีเจอร์ - **หน้า Login / Register** — สลับแท็บได้ พร้อมตรวจสอบข้อมูล (email format, รหัสผ่านตรงกัน ฯลฯ) - Login ใช้ **อีเมล หรือ เบอร์โทร** ก็ได้ - **Dashboard** — เลือกโซนใหญ่ พร้อมนับที่นั่งว่างแบบเรียลไทม์ - 🏢 Working Space — 23 ที่นั่ง (Counter Bar 10 + Computer Table 10 + Meeting Room 3), รองรับ 44 คน - 📚 โซนอ่านหนังสือ + 👥 โซนประชุม (เร็ว ๆ นี้) - **ระบบคะแนน 2 แบบ** — ⭐ ความประพฤติ (เริ่ม 100) และ 🪙 สะสม (เริ่ม 0, ติดลบได้, ใช้สิทธิพิเศษ + แลกของ) - **ผังที่นั่ง (Floor Plan)** — คลิกจองได้ พร้อม legend สถานะ 🟢 ว่าง / 🟡 กำลังเลือก / 🔴 จองแล้ว - **Modal จอง** — เลือกวันที่ + ช่วงเวลา, ข้อมูลผู้จองเติมจาก login อัตโนมัติ - **ใบเสร็จ** — แสดงรหัสอ้างอิง (เช่น `LIB-8F3K2Q`) + คัดลอกได้ - **การจองของฉัน** — ดูรายการทั้งหมด และ **ยกเลิกการจอง** ได้ (ที่นั่งกลับมาว่างทันที) - **Toast** แจ้งเตือนทุก action + Responsive มือถือ/แท็บเล็ต/เดสก์ท็อป ## 🚀 วิธีรัน ```bash npm install npm run dev ``` แล้วเปิดเบราว์เซอร์ไปที่ URL ที่ขึ้นในเทอร์มินัล (ปกติคือ http://localhost:5173) ## 🔑 บัญชีทดลอง (ล็อกอินได้ทันที) | ช่อง | ค่า | |------|-----| | อีเมล / เบอร์

โดย sirapobsak · ดูโพสต์ต้นทาง