🏥 ระบบบริหารจัดการโรงพยาบาล - ฝั่งผู้ใช้งาน (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/
🧪 วิธีใช้งานในเครื่องนักพัฒนา (Dev Environment)
# ติดตั้งแพ็กเกจที่จำเป็น
npm install
# รันโปรเจคบนโหมดพัฒนา
npm run dev