Attendance Tracker PWA

เจ้าของผลงานเล่าไว้แบบนี้

https://pc-project-hazel.vercel.app # 🎯 Attendance Tracker PWA **ระบบบันทึกเวลาเข้า-ออกงาน พร้อมบันทึกยอดขายและระบบจัดการครบวงจร** Progressive Web App (PWA) ที่ออกแบบมาสำหรับพนักงานขายและทีมบริหาร สามารถใช้งานได้บนมือถือและติดตั้งเป็นแอปพลิเคชัน พร้อมระบบจัดการแบบ CMS ครบวงจร --- ## ✨ คุณสมบัติหลัก ### 📱 สำหรับพนักงาน - **บันทึกเวลาเข้า-ออก** - ถ่ายรูปบังคับ + บันทึก GPS อัตโนมัติ - **บันทึกยอดขาย** - รองรับหลายหน่วยนับ (กล่อง/แพ็ค/ปี๊บ/ซอง) พร้อมคำนวณอัตโนมัติ - **รายงาน PC Daily** - บันทึกกิจกรรมลูกค้า, ภาพชั้นวาง, โปรโมชั่น - **จัดการสต็อก** - รับ-ส่งคืน-ปรับยอด พร้อม FIFO tracking - **PIN Authentication** - ปลอดภัย รองรับบทบาทหลายระดับ ### 👔 สำหรับผู้บริหาร - **Dashboard แบบ Real-time** - KPIs, กราฟ, แนวโน้ม 7 วัน - **รายงานครบวงจร** - เวลาทำงาน, ยอดขาย, เปรียบเทียบ, ROI, สต็อก - **จัดการพนักงาน/ร้านค้า** - CRUD + มอบหมายสินค้า + GPS geofencing - **ตั้งเป้าหมาย** - รายเดือน ติดตามความสำเร็จ - **ระบบสิทธิ์** - Role-based access (employee/sales/admin/super_admin) ### 🚀 PWA Features - **ติดตั้งเป็นแอป** - Add to Home Screen - **Auto-Update** - แจ้งเตือนเวอร์ชันใหม่พร้อม Changelog - **Offline-Ready** - Service Worker caching - **Fast Loading** - Turbopack + Next.js 15 --- ## 🛠️ Tech Stack - **Framework:** Next.js 15 (App Router) + React 19 - **Language:** TypeScript (Strict Mode) - **Styling:** Tailwind CSS v4 - **Database:** Supabase (PostgreSQL) - **Storage:** Supabase Storage (Photos) - **Auth:** PIN-based (bcrypt hashing) - **State:** TanStack React Query - **Charts:** Recharts - **Maps:** Le

โดย Riewqu · ดูโพสต์ต้นทาง