Tracelook Product Traceability Platform

Sole frontend engineer on a blockchain-based product traceability platform, independently owning 3 interconnected sites — admin dashboard, public lookup portal, and marketing landing page — in close collaboration with one backend engineer.

Tracelook — Product Traceability Platform
Services
React 18TypeScriptReact Router v6React Query v3Redux ToolkitRedux SagaAxiosi18nextethers.jsethereumjs-txweb3.jscrypto-jsFormikYupBootstrapSASSSocket.ioApexChartsQRCode.reactLeafletFirebaseWebpack
ClientVietnam Blockchain Corporation
RoleFrontend Developer
Year2024
Info

Sole frontend engineer across 3 interconnected sites (admin dashboard, public lookup portal, marketing landing page), independently architecting and delivering the entire frontend from scratch in direct collaboration with one backend engineer

Engineered a multi-role admin dashboard with a full RBAC system — protected routes, session-based auto-logout, and granular permission handling across Manufacturer, Distributor, Retailer, Accountant, Sub Admin, and Admin roles

Owned end-to-end payment integration supporting VNPay, Momo, and PayPal — built the complete order lifecycle from package creation, URL generation, and status tracking to admin payment management UI with filterable request order lists

Integrated blockchain transaction signing using ethers.js and ethereumjs-tx, handling raw transaction payloads and submitting signed data via API; implemented keccak256 password hashing for collaborator account security

Built a comprehensive Certificate Management system supporting dynamic add/edit/delete of multi-type certificates (USDA Organic, CE Marking, Non-GMO, etc.) with image upload, PDF rendering, and full display across product detail and print views

Developed a real-time notification system via Socket.io and a production area map using a custom-built Leaflet InteractiveMap component with coordinate validation and graceful fallback UI

Delivered a complete Validator workflow — CRUD management, validator assignment per diary step, validation history tracking, and a dedicated confirmation flow with status-aware UI

Implemented full i18n coverage across 3 languages (EN/VI/JP) for all 3 sites, and led a full platform rebrand from AGD/AUS to Tracelook across codebase, assets, and routing

Resolved critical production issues including 413 payload errors via auto image compression (browser-image-compression), base64-to-URL conversion in CKEditor 5, API timeout tuning, and pagination/display bugs across multiple admin views

Tracelook — Product Traceability Platform https://res.cloudinary.com/derrbbbyc/image/upload/v1776235641/Screenshot_15-4-2026_134222_agitrace.net_vn71s6.jpg
Tracelook — Product Traceability Platform https://res.cloudinary.com/derrbbbyc/image/upload/v1776235641/Screenshot_15-4-2026_134222_agitrace.net_vn71s6.jpg

Next projects