Back to projects
bashcode
bashcode
NISIO Room Booking System
•140 views•Published on 2/20/2026

1 / 5
About the Project
🏢 NISIO Room Booking System
ระบบจองห้องประชุมและโต๊ะทำงานแบบ Open Source 100% ฟรี
✨ Features
🎯 Core Features
- 📅 Room Booking - จองห้องประชุมได้ง่ายๆ ผ่าน Calendar interface
- 🪑 Desk Booking - ระบบ Hot Desking สำหรับองค์กรยุคใหม่
- 📊 Calendar Views - Day/Week/Month view ที่ใช้งานง่าย
- 📱 Mobile Responsive - ใช้งานได้ทั้งบน Desktop และ Mobile
🚀 Advanced Features
- ✅ Approval Workflow - ระบบอนุมัติการจอง
- 🤖 Auto Approval - อนุมัติอัตโนมัติตามกฎที่ Admin ตั้งค่า
- 📈 Analytics Dashboard - รายงานการใช้งานพื้นที่
- 🎨 Multi-tenant - รองรับหลายองค์กรในระบบเดียว
🖼️ Screenshots
Dashboard - ภาพรวมการใช้งาน
Calendar View - ดูตารางการจอง
🚀 Quick Start
Prerequisites
- Node.js 20+
- PostgreSQL 16+
Installation
# 1. Clone repository
git clone https://github.com/sutthiphatchuenban/NISIO-Room-Booking-System.git
cd NISIO-Room-Booking-System
# 2. Install dependencies
npm install
# 3. Setup environment
cp .env.example .env.local
# แก้ไข .env.local ตามการตั้งค่าของคุณ
# 4. Setup database
npx drizzle-kit migrate
# 5. Run development server
npm run devเปิด http://localhost:3000 เพื่อดูผลลัพธ์
📖 อ่านคู่มือการติดตั้งฉบับเต็ม
🏗️ Architecture
┌─────────────────────────────────────────────────────────────────┐
│ NISIO Room Booking │
├─────────────────────────────────────────────────────────────────┤
│ │
│ 🎨 Frontend 🔧 Backend 🗄️ Database │
│ ───────────────────────────────────────────────────────────── │
│ Next.js 16 Next.js API PostgreSQL 16 │
│ React 19 Drizzle ORM Redis │
│ TypeScript 5 NextAuth.js 5 │
│ Tailwind CSS 4 Zod │
│ shadcn/ui React Query │
│ │
└─────────────────────────────────────────────────────────────────┘📚 Documentation
เราได้จัดทำเอกสารครบถ้วนสำหรับทุกส่วนของระบบ:
| Document | Description |
|---|---|
| 01-overview | ภาพรวมโปรเจคและวิสัยทัศน์ |
| 02-architecture | สถาปัตยกรรมระบบ |
| 03-database-schema | ออกแบบ Database (Drizzle ORM) |
| 04-api-design | การออกแบบ API |
| 05-features | รายละเอียดฟีเจอร์ |
| 06-user-flows | User Journey และ Flows |
| 07-tech-stack | รายละเอียด Technology Stack |
| 08-setup-guide | คู่มือการติดตั้ง |
| 09-contributing | แนวทางการมีส่วนร่วม |
🛠️ Tech Stack
Core
- Next.js - React Framework
- React - UI Library
- TypeScript - Type Safety
- Tailwind CSS - Styling
- shadcn/ui - UI Components
Backend
-
Drizzle ORM - Database ORM
-
NextAuth.js - Authentication
-
PostgreSQL - Database
-
Zod - Schema Validation
-
TanStack Query - Data Fetching
-
date-fns - Date utilities
-
React Big Calendar - Calendar component
💰 100% Free - No Hidden Costs
| Component | Cost |
|---|---|
| Next.js | $0 (Open Source) |
| PostgreSQL | $0 (Self-hosted) |
| Drizzle ORM | $0 (Open Source) |
| Total | $0 |
🤝 Contributing
เรายินดีรับ contributions จากทุกคน! ไม่ว่าจะเป็น:
- 🐛 Bug fixes
- 💡 New features
- 📝 Documentation
- 🌍 Translations
- 🎨 UI/UX improvements
Quick Contributing Guide
# 1. Fork และ Clone
git clone https://github.com/YOUR_USERNAME/room-booking-system.git
# 2. สร้าง branch
git checkout -b feature/your-feature
# 3. Commit changes
git commit -m "feat: add awesome feature"
# 4. Push และสร้าง Pull Request
git push origin feature/your-feature📝 License
This project is licensed under the MIT License - ใช้งานได้ฟรี แม้ในเชิงพาณิชย์
🙏 Acknowledgments
- Next.js - The React Framework
- shadcn/ui - Beautiful UI components
- Drizzle Team - Amazing ORM
- Vercel - Deployment platform
📞 Contact
Made with ❤️ by NISIO Team
Free forever. Open source always.
Technologies
Next.js 16React 19TypeScript 5.0Tailwind CSS 4shadcn/uiDrizzle ORMNextAuth.js 5PostgreSQLZodTanStack Querydate-fns