Zhan Xiu Wei

Zhan Xiu Wei

Senior Frontend Engineer | React, Vue, Svelte, Angular , Chrome Extension, Scraping | Accessibility & performance champion

8 yrs experience · Wan Chai District, Hong Kong · 30-40 hrs/week

About

Senior Frontend Engineer with over 8 years of experience shipping complex, performant, and accessible web applications at scale. Specialized in building modular frontend systems, AI-assisted user interfaces, and DX-optimized architectures using React (Next.js/Remix), Vue (Nuxt 3), SvelteKit, and TypeScript. Led large-scale SPA-to-SSR migrations, integrated AI workflows with OpenAI/LangChain, and built design system components adopted across teams. Proven track record improving Core Web Vitals, accelerating frontend delivery pipelines, and aligning engineering execution with business KPIs. Experienced in cross-functional teams, CI/CD, and cloud-native deployments.

Skills

AngularJSFront-End DevelopmentJavascriptNext.jsReactSvelteTypeScriptVue.js

Experience

  • Senior Frontend Engineer · Universal Yums2023 – 2025

    •Spearheaded migration of a highly trafficked React SPA to Next.js 13 (App Router) with ISR + edge middleware, reducing Largest Contentful Paint (LCP) from 4.2s to 1.7s, and boosting organic search traffic by 30%. •Built a secure Chrome Extension (Manifest V3) to collect real-time pricing and inventory from competitors using Headless Puppeteer + OAuth, feeding into an internal BI dashboard (React + Chart.js) used by merchandisers to adjust pricing dynamically •Developed multilingual dynamic email templates with MJML + Handlebars, integrated with SendGrid’s template engine, achieving ~30% open rate and 9% click-through across 6 regional markets. •Introduced a visual testing pipeline with Percy + Cypress, catching >95% of visual regressions pre-merge, and reducing post-release UI bugs by ~60% over two quarters

  • Lead Frontend Engineer · Cook'd2021 – 2023

    •Re-architected Cook’d’s platform to Nuxt 3 + Nitro server engine (JAMstack model), implementing static generation + runtime data hydration, which improved page stability and SEO crawlability. •Engineered a real-time customer support interface using WebSockets (Socket.IO over Phoenix Channels), integrated with a context-aware FAQ AI assistant (OpenAI Completion API), reducing human ticket load by 40%. •Rolled out PWA features (offline fallback, smart caching via Workbox), resulting in a ~20% boost in retention for users in low-connectivity regions. •Championed accessibility audits with Axe + manual testing, enabling full WCAG 2.1 AA certification, and presented findings in org-wide UX reviews.

  • Full Stack Engineer · Cortex2020 – 2021

    •Built a real-time executive dashboard using Vue 3 Composition API + D3.js, processing 10M+ events/day from Kafka streams and surfacing alerts on SKU velocity and regional stockouts. •Created a reusable Svelte widget framework with dynamic slots and lifecycle hooks, integrated on over 40 partner e-commerce sites, generating $180K in referral revenue within 6 months. •Deployed a micro-frontend system (Webpack Module Federation) and orchestrated deployments with GitHub Actions + AWS EKS (Kubernetes) for scalable rollouts across product teams. •Facilitated monthly frontend tech talks, boosting team fluency in TypeScript, state machines, and performance profiling.

  • Web Developer · Outsized2018 – 2020

    •Consolidated 5 disparate WordPress/Magento frontends into a unified Next.js monorepo (Nx), preserving critical SEO metadata and improving TTFB by 38%. •Led design and implementation of AMP for Email campaigns with real-time product personalization, improving open-to-click rates by 19%. •Used IntersectionObserver, responsive srcsets, and Cloudinary CDN to optimize media-heavy landing pages, reducing load times under 2s globally. •Built A/B test variants of checkout flows and exposed them to Google Optimize, identifying UI changes that improved conversion rates by 9%.

Education

  • Hong Kong Metropolitan UniversityBachelor's degree, Computer Science

Similar talent on Pangea

Hire Zhan through Pangea

Describe your project to the Pangea agent — see if Zhan is a fit, with transparent pricing and interviews booked straight onto your calendar. No contact details change hands until you hire.

See if Zhan is a fit