diff --git a/README.md b/README.md index fd3b758..91f4393 100644 --- a/README.md +++ b/README.md @@ -1,12 +1,69 @@ -# React + Vite +# 🏥 ระบบบริหารจัดการโรงพยาบาล - ฝั่งผู้ใช้งาน (Frontend) -This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules. +นี่คือโปรเจค **Frontend** ของระบบบริหารจัดการโรงพยาบาล (Hospital Management System) +พัฒนาโดยใช้ **React (Vite)** สำหรับให้บริการทั้งผู้ใช้งานทั่วไป (เช่น ผู้ป่วย) และผู้ดูแลระบบ (Admin) -Currently, two official plugins are available: +--- -- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh -- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh +## 🚀 ฟีเจอร์ที่มีให้ใช้งาน -## Expanding the ESLint configuration +### 👥 ส่วนของผู้ใช้งานทั่วไป (ผู้ป่วย) -If you are developing a production application, we recommend using TypeScript and enable type-aware lint rules. Check out the [TS template](https://github.com/vitejs/vite/tree/main/packages/create-vite/template-react-ts) to integrate TypeScript and [`typescript-eslint`](https://typescript-eslint.io) in your project. +- 📝 **จองนัดหมายแพทย์ (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 +``` \ No newline at end of file