Ken Long

Senior Front-End Engineer · Full-Stack Delivery

Working languages
  • Chinese · Native
  • English · About C1

Work Experience

CEC GienTech Technology Co., Ltd.

2025.09 — 2026.07

Specialist Engineer · P8

  • Full-stack delivery for HSBC service management systems, spanning Vue3, React, Java Spring, MS SQL Server and automated UAT deployments. Deep AI using for development efficient improvement Project 1: HSBC Service Recovery Management System (SCOTT) 1.Developed and maintained both front-end and back-end components of SCOTT using Java, JSP, and Vue3. 2.Resolved back-end defects, delivered new features, and maintained the SQL Server database. 3.Contributed to the Vue 3 front-end refactor and created unit tests and Jenkins scripts for UAT deployment. 4.Handled production incidents on rotation, responded to users, and implemented change requests (CRs). Key Highlights Provided full-stack maintenance across Java, JSP, and Vue 3, continuously delivering requirements while ensuring system stability. Improved release efficiency through automated Jenkins deployments. Project 2: HSBC Digital Service Desk (DSD) 1.Developed front-end and back-end features across DSD's microservices. 2.Supported daily releases for assigned development tasks. Key Highlights Maintained the full stack with Java and React and continuously delivered new requirements. Worked within a front-end/back-end microservices architecture.
Vue 3ReactMicro-FrontendJSPJava SpringMybatisSQL ServerJenkins

iSoftStone Information Technology (Group) Co., Ltd.

2021.12 — 2025.08

Senior Front-End Engineer

  • Web Application and Hybrid Application of the Midea Group production data displaying development. Mid-level AI using for development efficient improvement Project 1: Midea Group Big Data Platform (Quality & Manufacturing Center) 1.Led architecture design, component decomposition, and Webpack configuration for a responsive desktop and mobile platform. 2.Built reusable calculation utilities and components to aggregate data across complex multi-division organizational hierarchies. 3.Introduced Three.js-based 3D globe visualization to enhance interactive data exploration. 4.Owned requirement assessment, technical problem-solving, team collaboration, and DevOps release management for UAT and production. Performance: Ranked 6/38 in 2024; ranked 3rd in defects per KLOC; achieved zero critical defects (ranked 1st); average monthly rating: B. Key Highlights Built the project from the ground up, integrating ECharts, geographic maps, and Three.js 3D scenes. Implemented cross-division data filtering and aggregation with mobile-responsive support. Led component ownership and collaborative debugging to ensure on-time delivery.
Vue 2/3LessVuex/PiniaEChartsThree.jsReactZustand0 critical defects

Chinasoft International Technology Service Co., Ltd.

2020.08 — 2021.11

Front-End Engineer

  • Built HSBC hybrid applications for innovation proposals and workspace booking, including granular permissions and gesture-rich floor maps. Project 1: HSBC Angel Fund Ideaworks (Hybrid App H5) 1.Developed core pages for creating, editing, viewing, and reviewing Idea Challenges and Solutions. 2.Implemented a rich-text editor, shared header with notifications and authentication, and role-based access control. 3.Integrated with the Java back end and bridged interactions with native iOS and Android layers. Key Highlights Delivered the complete innovation-proposal workflow, including submission, review, scoring, and notifications. Implemented fine-grained permissions to isolate functionality for members and evaluators. Project 2: H-Connect QseatMobile Workspace Booking App 1.Developed responsive H5 pages for desktop and multiple mobile devices, including floor-map seat visualization. 2.Implemented seat-marker positioning, tap-to-zoom, pinch-to-zoom, and single-finger panning. 3.Supported seven-day seat availability, preferences, and booking-history management. Key Highlights Delivered responsive H5 pages for desktop and multiple mobile devices with floor-map seat visualization. Implemented seat-marker positioning, tap-to-zoom, pinch-to-zoom, and single-finger panning. Supported seven-day seat availability, preferences, and booking-history management.
VueReactHybrid H5VuexReduxLessAnt DesignJQuery Mobile

Beijing Xinshihonghui Information Technology Co., Ltd.

2019.07 — 2020.07

Front-End Engineer

  • Delivered reusable enterprise order-management modules and high-level editable table and validation components for Guangzhou Unicom. Project 1: Guangzhou Unicom Software Research Institute - Enterprise Customer Order Management System 1.Developed front-end modules for configuration management, service processing, and attribute mapping from product prototypes. 2.Built editable-table and custom form-validation components and extended Ant Design components. 3.Aligned API specifications with the back-end team to ensure correct UI and functional delivery. Key Highlights Built core business modules and reusable high-level table and form components to improve development efficiency. Used Dva.js for modular, maintainable state management.
ReactReduxDva.jsAnt-DesignLess + ReactRouter

Individual development for business orders from company of my bro in weekend

2019.09 — 2020.03

Front-End Engineer

  • Project 1: Panyu District Grid-Worker Government Command & Dispatch Platform (Sep 2019 - Mar 2020) 1. Developed the complete desktop web interface and Hybrid App H5 pages. 2. Used ArcGIS API for JavaScript with GeoJson data to display grid-worker locations on the platform map. 3. Implemented map navigation across streets/towns, communities/villages, and local grids. 4. Dynamically added map features and DOM elements through the ArcGIS API. Key Highlights Implemented grid-worker route visualization, map switching, and dynamic DOM overlays with ArcGIS API for JavaScript. Delivered both desktop and Hybrid App H5 interfaces for government intranet data visualization.

Engineering Notes

Making organizational data feel simple

Architecture

Select frontend techs and build projects base structure. A field guide to component boundaries and calculation utilities for deeply nested enterprise hierarchies——Frontend project foundational architecture, key tasks, and component development.

From dashboard to spatial story

Visualization

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

Reliable releases are a product feature

Engineering

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