← กลับไปหน้าผลงาน
check-employee-work (Field-Staff GPS Reporting)
2025Solo full-stack
โปรเจกต์นี้คืออะไร
เว็บให้พนักงานภาคสนามส่งรายงานพร้อมรูป 1-5 ใบ + จับพิกัด GPS อัตโนมัติ + reverse-geocode เป็นที่อยู่ — ฝั่ง admin มีแผนที่ Leaflet review งาน + filter + CSV export + LINE integration
จุดเด่นทางเทคนิค
- Leaflet map แสดงตำแหน่งรายงานภาคสนาม + browser Geolocation API + reverse-geocode auto-fill ที่อยู่
- Image pipeline (Multer + Sharp) จำกัด 5MB/รูป, 1-5 รูป/รายงาน
- Admin console: promotion CRUD + filter report + CSV export
- Bulk data import (telecom) พร้อม dry-run mode + GitHub Actions deploy
เทคโนโลยีที่ใช้
Next.js 15.4 (App Router)React 19Leaflet + react-leafletMongoDB + MongooseNextAuth v4react-hook-form + ZodSharp (image)LINE bot SDKGitHub Actions
อยากรู้เบื้องหลังหรือคุยเรื่องเทคนิคของโปรเจกต์นี้?
ทักมาถามได้เลย หรือตามอ่านบทเรียนที่ผมสรุปไว้ในบล็อก