Turning complex data into clear, usable experiences through thoughtful UI design.
Frontend engineer building data-heavy enterprise web apps. I go end-to-end from Figma to production, focusing on data visualisation, real-time UI, and reliable testing.
About
I build data-heavy enterprise apps and work closely with product and research teams, turning ideas into Figma prototypes and then into production code, backed by testing and CI. Previously: Garena (frontend) and Warner Music (full-stack); now a Research Engineer at NTU.
I specialise in scalable frontend data layers (RTK Query), real-time updates (SSE/WebSockets), and secure auth (NextAuth/Keycloak). My team is actively adopting AI-assisted development (Cursor, OpenCode) with reviews and tests as guardrails.
Next.js, React, MUI (DataGrid), Redux Toolkit, React Flow, ApexCharts, AngularJS, RTK Query, NextAuth, TypeScript/JavaScript, HTML/CSS, i18n
Cypress, GitHub Actions, Postman
Node.js, Python (FastAPI/Pydantic), WebSockets/SSE, Postgres, InfluxDB, Keycloak, Docker, Ansible
Figma, design systems, accessible UI
Cursor, OpenCode, WebStorm, PyCharm (JetBrains), Jira, Docker, Lens, GitHub, Android Studio · Agile/Scrum
Featured Projects
DCWiz Canvas – AI-Powered Workflow Builder
I built an interactive canvas for visual data workflows: drag-and-drop nodes, connect live metrics and documents, and generate AI analysis with source traceability.
- Implemented a node-based workflow UI with custom node types
- Added AI answer node with sources + downloadable outputs
- Built multi-language UI (EN / ZH-CN / MS)
- Exported canvas to PNG/PDF for sharing
DCWiz – Data-Driven Operations Optimisation
I translated product requirements and wireframes into Figma prototypes, led a Next.js + MUI refactor, integrated ApexCharts for interactive analytics, added Cypress E2E coverage, and aligned FastAPI router schemas with Pydantic for data validation.
- Improved critical fetches ~4s → ~1s
- Standardised UI library
- Introduced E2E tests
- Implemented fully responsive layouts across modules
Client Portal – Royalties Data & Insights
I collaborated with enterprise clients to rebrand and enhance the royalties analytics portal.
- Maintained high-traffic analytics views
- Delivered monthly iterations in sprints
Analytics – Android App
I completed pending features, improved UX, and maintained an enterprise Android analytics app.
- Ownership from dev → release → support
- Improved stability & UX
Demo App – OKTA Auth Layer
I cloned the Analytics app for an internal demo and added an extra authentication layer.
Landing & Static Pages
I designed and built responsive event and campaign sites across SEA.
Freelance Microsites
I built microsites for gaming events and community projects.
UI Platform & Design Systems
I translate product requirements and early wireframes into Figma prototypes, build reusable MUI components, integrate charts and data grids, and document UI patterns to support faster cross-team delivery.
I also design and maintain frontend architecture for large-scale data flows, including real-time streaming updates, multi-page datasets, and performance optimisation using RTK Query.
- Shared component library across modules
- Standardised accessibility theming
- Partnered with PMs/Researchers for validation