README.md

2.84 KB
13/07/2025 05:51
MD
# HR Management App (Mockup)

โปรเจ็คนี้เป็นระบบบริหารจัดการทรัพยากรบุคคล (HR Management) แบบ Mockup สำหรับองค์กร พัฒนาโดยใช้ HTML, CSS และ JavaScript (Vanilla JS) โดยไม่มีการเชื่อมต่อกับฐานข้อมูลจริง ข้อมูลทั้งหมดเป็นข้อมูลจำลอง (Mock Data) เพื่อใช้สำหรับการนำเสนอแนวคิดและการออกแบบ UI/UX เท่านั้น

## ฟีเจอร์หลัก
- **Dashboard**: แสดงสรุปข้อมูลพนักงาน ผู้สมัคร งานที่ต้องทำ และการลารออนุมัติ
- **พนักงาน (Employees)**: ดูรายชื่อพนักงานและรายละเอียดแต่ละคน
- **สรรหาบุคลากร (Recruitment)**: ดูรายชื่อผู้สมัครและสถานะการสมัคร
- **งาน (Tasks)**: จัดการรายการงานที่ต้องทำและสถานะงาน
- **การลา (Leave)**: จัดการคำขอลา อนุมัติ/ปฏิเสธการลา
- **Modal Form**: เพิ่มข้อมูลพนักงาน ผู้สมัคร และงานใหม่ผ่าน Modal
- **Search**: ค้นหาข้อมูลในแต่ละหมวดหมู่
- **Notification**: แจ้งเตือนสถานะการดำเนินการต่าง ๆ
- **Chart**: แสดงข้อมูลสรุปด้วยกราฟ (Pie/Bar Chart)

## โครงสร้างโปรเจ็ค
- `app.js` — ไฟล์ JavaScript หลักสำหรับจัดการ State, Render UI, Event Handling
- `index.html` — หน้าเว็บหลัก
- `style.css` — ไฟล์ตกแต่งหน้าตา (CSS)
- `templates/` — โฟลเดอร์เก็บไฟล์ HTML Template สำหรับแต่ละหน้า

## หมายเหตุ
- **โปรเจ็คนี้เป็น Mockup** ไม่มีการเชื่อมต่อกับ Backend หรือฐานข้อมูลจริง เหมาะสำหรับการนำเสนอแนวคิดและ UI/UX เท่านั้น
- สามารถนำไปต่อยอดหรือปรับปรุงเพื่อเชื่อมต่อกับระบบจริงได้

---

**ผู้แต่ง:** Goragod Wiriya
**AI:** Jules