# 🏥 ระบบบริหารจัดการโรงพยาบาล - ฝั่งผู้ใช้งาน (Frontend)

โปรเจค **Frontend** ของระบบบริหารจัดการโรงพยาบาล (Hospital Management System)  
พัฒนาโดยใช้ **React (Vite)** สำหรับให้บริการทั้งผู้ใช้งานทั่วไป (เช่น ผู้ป่วย) และผู้ดูแลระบบ (Admin)

---

## 🚀 ฟีเจอร์ที่มีให้ใช้งาน

### 👥 ส่วนของผู้ใช้งานทั่วไป (ผู้ป่วย)

- 📝 **จองนัดหมายแพทย์ (Book Appointment):**  
  ใช้สำหรับการจองคิวนัดพบแพทย์ได้อย่างสะดวก

- 📩 **ส่งข้อความถึงแอดมิน (Send Message):**  
  ผู้ใช้งานสามารถติดต่อสอบถามข้อมูลกับแอดมินผ่านแบบฟอร์ม

- 🔐 **เข้าสู่ระบบ / สมัครสมาชิก (Login / Register):**  
  ระบบล็อกอินและลงทะเบียนใช้งานด้วยความปลอดภัย

---

### 🛠️ ส่วนแดชบอร์ดสำหรับแอดมิน (Admin Dashboard)

แดชบอร์ดนี้ออกแบบมาเพื่อใช้บริหารจัดการระบบโดยแอดมิน

- 📊 **ภาพรวมระบบ (Dashboard Overview):**  
  แสดงสถิติ เช่น จำนวนแพทย์ จำนวนผู้ป่วย การนัดหมาย ฯลฯ

- ➕ **เพิ่มผู้ใช้งาน (Add Admin / Doctor / Receptionist):**  
  เพิ่มผู้ใช้งานตามบทบาทในระบบได้อย่างง่ายดาย

- 👨‍⚕️ **ดูรายชื่อแพทย์ (See all doctors):**  
  ตรวจสอบรายชื่อและรายละเอียดของแพทย์ที่ลงทะเบียนแล้ว

- 📅 **จัดการนัดหมาย (Manage Appointments):**  
  ตรวจสอบ อนุมัติ แก้ไข หรือยกเลิกการนัดหมาย

---

## 🧰 เทคโนโลยีที่ใช้

- **Frontend Framework:** React (Vite)
- **การจัดการสถานะ (State):** React Hooks
- **UI Library:** Tailwind CSS / Daisy UI
- **Routing:** React Router
- **การเชื่อมต่อ API:** Fetch (เชื่อมต่อกับ Backend)
- **ระบบยืนยันตัวตน:** JWT (JSON Web Token)

---

## 🔄 การพัฒนาแบบ CI/CD

โปรเจคนี้จะถูกพัฒนาโดยใช้แนวทาง **CI/CD** เพื่อให้สามารถ Build และ Deploy ได้อัตโนมัติผ่านระบบ Drone CI

สามารถเข้าใช้งานระบบเพื่อทดสอบฟีเจอร์ได้ที่:  
🌐 [https://frontend-sandbox.softwarecraft.tech/](https://frontend-sandbox.softwarecraft.tech/)

---

## 🧪 วิธีใช้งานในเครื่องนักพัฒนา (Dev Environment)

```bash
# ติดตั้งแพ็กเกจที่จำเป็น
npm install

# รันโปรเจคบนโหมดพัฒนา
npm run dev
```