# 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