Asset Management — SCMC
ล้างข้อมูล Excel 10,000 แถวเข้าฐานข้อมูล แล้วติด QR ให้ทรัพย์สินทุกชิ้น
- ปี
- 2024
- บทบาท
- Frontend developer + data cleansing
- สถานะ
- ส่งมอบแล้ว
- เทคโนโลยี
- React 18ViteTypeScriptTailwindCSSTanStack QueryAxiosRadix UIExpress
ระบบจัดการทรัพย์สินของ SCMC เริ่มจากไฟล์ Excel ที่สะสมมาหลายปี — ประมาณหนึ่งหมื่นแถว คอลัมน์ไม่ตรงกัน ชื่อสะกดคนละแบบ และมีแถวซ้ำ
ผมเขียนกระบวนการ data cleansing เพื่อ normalize ข้อมูลพวกนั้นแล้ว map เข้าโครงสร้างฐานข้อมูลที่ถูกต้อง จากนั้นทำหน้าเว็บที่ดึงข้อมูลผ่าน React Query ตาม API spec ใน Swagger
ส่วนที่ผู้ใช้ชอบที่สุดคือ QR code ของทรัพย์สินแต่ละชิ้น ที่เข้ารหัสจาก id ในฐานข้อมูล และสั่งพิมพ์เป็นชุดได้จากการเลือกแถวใน DataTable
สิ่งที่น่าสนใจ
- ล้างและ map ข้อมูลราว 10,000 แถวจาก Excel เข้า DB
- QR code ต่อทรัพย์สิน พิมพ์เป็นชุดจาก DataTable ได้
- UI component ที่ reuse ได้ บน Radix + Tailwind
- Data fetching ด้วย TanStack Query ตาม Swagger spec
โปรเจกต์ส่วนตัว (repo ไม่เปิดสาธารณะ)