ระบบเช็คยอดและนับจำนวนนักเรียนหอพัก

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

ระบบเช็คยอดนักเรียน https://domitory-tech.github.io/Student-Counting-System/ # ระบบเช็คยอดและนับจำนวนนักเรียนหอพัก (Student Counting System) ระบบบริหารจัดการและเช็คยอดนักเรียนหอพักประจำ พัฒนาด้วย **React 18 + TypeScript + Vite + Tailwind CSS** และเชื่อมต่อฐานข้อมูลเรียลไทม์ผ่าน **Google Firebase Firestore** --- ## 🌟 คุณสมบัติหลักของระบบ (Key Features) 1. **การเช็คยอดประจำวัน (Daily Student Attendance)** - เช็คยอดนักเรียนจำแนกตามหอพัก (หอพัก 1 - 6) - สรุปจำนวนนักเรียน: อยู่หอพัก, ลากลับบ้าน, ป่วย, ทำกิจกรรม, ขาด/ติดต่อไม่ได้ 2. **ระบบจัดการฐานข้อมูลหลักบน Firebase (Firestore Database)** - บันทึก อ่าน แก้ไข ข้อมูลเรียลไทม์ลง Firebase Firestore - ระบบ **สำรองข้อมูล (Export Backup JSON)** และ **กู้คืนข้อมูล (Restore Import)** - ระบบ **ล้างข้อมูล (Reset Database)** เฉพาะหอพักหรือทั้งหมด - ปุ่ม **"สร้าง & ติดตั้งโครงสร้างข้อมูลเริ่มต้นบน Firebase"** สำหรับเริ่มต้นใช้งานใน Project ID ใหม่ 3. **ระบบจัดการสิทธิ์ผู้ใช้งาน (Multi-Role User Authorization)** - รองรับสิทธิ์ 3 ระดับ: ผู้ดูแลระบบ/ผู้บริหาร, เจ้าหน้าที่สำนักงาน, ครูประจำหอพัก --- ## 🛠️ ขั้นตอนการรันระบบบนเครื่องคอมพิวเตอร์ของคุณ (Local Development) ### 1. เครื่องมือที่ต้องเตรียมก่อนเริ่มต้น (Prerequisites) - **Node.js** (เวอร์ชัน 18.x หรือ 20.x ขึ้นไป) - **npm** (มาพร้อมกับ Node.js) - **Git** (สำหรับจัดการซอร์สโค้ด) --- ### 2. ดาวน์โหลดซอร์สโค้ด (Clone Repository) ```bash # Clone โปรเจกต์ลงเครื่อง git clone https://github.com/YOUR_USERNAME/YOUR_REPOSITORY.git # เข้าสู่โฟลเดอร์โปรเจกต์ cd YOUR_REPOSITORY ``` --- ### 3. ติดตั้ง Dependencies ```bash npm install ``` -

โดย domitory-tech · ดูโพสต์ต้นทาง