Back to projects

NISIO Room Booking System

•301 views•Published on 2/20/2026
NISIO Room Booking System - Image 1
1 / 5

About the Project

🏢 NISIO Room Booking System

ระบบจองห้องประชุมและโต๊ะทำงานแบบ Open Source 100% ฟรี

License: MIT Next.js React TypeScript Drizzle

NISIO Logo


✨ 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
Dashboard - ภาพรวมการใช้งาน

Calendar
Calendar View - ดูตารางการจอง


🚀 Quick Start

Prerequisites

  • Node.js 20+
  • PostgreSQL 16+

Installation

bash
# 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

code
┌─────────────────────────────────────────────────────────────────┐
│                     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

เราได้จัดทำเอกสารครบถ้วนสำหรับทุกส่วนของระบบ:

DocumentDescription
01-overviewภาพรวมโปรเจคและวิสัยทัศน์
02-architectureสถาปัตยกรรมระบบ
03-database-schemaออกแบบ Database (Drizzle ORM)
04-api-designการออกแบบ API
05-featuresรายละเอียดฟีเจอร์
06-user-flowsUser Journey และ Flows
07-tech-stackรายละเอียด Technology Stack
08-setup-guideคู่มือการติดตั้ง
09-contributingแนวทางการมีส่วนร่วม

🛠️ Tech Stack

Core

Backend


💰 100% Free - No Hidden Costs

ComponentCost
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

bash
# 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


📞 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