ปรับปรุง README

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
+```