Guangzhou, China +86 186 2044 5753 dragoonqp@outlook.comCEFR C1 English
Available for meaningful products

I build complex
systems that feel clear.

Senior front-end engineer bridging product judgment, resilient engineering, and expressive data visualization.

Guangzhou, China7+ years shippingCEFR C1 English

01 — Engineering profile

Depth, plotted.

A two-dimensional view of hands-on experience: mastery meets time in production. Bubble size represents breadth of project impact.

TECHNOLOGY DEPTH MAP
← growing capabilitymastery →
COREFront-end architecture
EDGEData visualization
RANGEFull-stack delivery
MODEAI-assisted development

02 — Experience

Built in the real world.

Seven years across financial services, manufacturing data, telecom, government platforms and hybrid mobile products.

01
2025.09 — 2026.07

CEC GienTech

Specialist Engineer · P8

Full-stack delivery for HSBC service management systems, spanning Vue 3, React, Java Spring, SQL Server and automated UAT deployments.

Vue 3ReactJavaJenkins
02
2021.12 — 2025.08

iSoftStone

0 critical defects

Senior Front-End Engineer

Architected Midea’s quality and manufacturing data platform from zero, including responsive workflows, geographic analytics and Three.js scenes.

Vue 3EChartsThree.jsDevOps
03
2020.08 — 2021.11

Chinasoft International

Front-End Engineer

Built HSBC hybrid applications for innovation proposals and workspace booking, including granular permissions and gesture-rich floor maps.

VueReactHybrid H5Redux
04
2019.07 — 2020.07

Xinshihonghui

Front-End Engineer

Delivered reusable enterprise order-management modules and high-level editable table and validation components for Guangzhou Unicom.

ReactDva.jsAnt Design

Selected impact

6/382024 performance rank
0critical defects
2HSBC platforms maintained full-stack
7+years of product delivery

03 — Field notes

Thinking in public.

Short essays on the engineering decisions behind reliable, understandable products.

Making organizational data feel simple

A field guide to component boundaries and calculation utilities for deeply nested enterprise hierarchies.

From dashboard to spatial story

What changed when a Three.js globe became a real navigation surface instead of decoration.

Reliable releases are a product feature

Practical notes on UAT automation, production incident rotation and keeping delivery calm.

Let’s make the difficult feel obvious.

Start a conversation