69 lines
3.7 KiB
Markdown
69 lines
3.7 KiB
Markdown
# 🏥 ระบบบริหารจัดการโรงพยาบาล - ฝั่งผู้ใช้งาน (Frontend)
|
||
|
||
โปรเจคระบบบริหารจัดการโรงพยาบาล (Hospital Management System)
|
||
ส่วน Frontend พัฒนาโดยใช้ **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
|
||
``` |