Zoe Meng



I'm a product-focused frontend engineer based in the San Francisco Bay Area, specializing in UX/UI. I work in React, TypeScript, and web performance, and because I trained as a designer, I shape the user flows and interaction details as well as the code behind them.

I've built a B2B platform that cut quote processing time by 83%, and AI tools where the hard problems were as much about trust and interaction design as engineering. Currently open to frontend, UX/UI, and web developer roles at product-driven companies.

Selected Projects

B2B Quote Automation Ecosystem

B2B Quote Automation Ecosystem

Dual-interface system bridging customers and sales teams. Engineered a decoupled quote cart, automated PDF generation, and event-driven email workflows.

83%
Faster processing
30k+
Products searchable
ReactRemixRedux ToolkitGraphQLAWS SESPolaris UI
TagWise AI — SEO Tagging Platform
UX Case Study

TagWise AI — SEO Tagging Platform

AI-powered SEO tag generation with human-in-the-loop staging workflow. Designed a non-destructive staging system to ensure data integrity before committing via Shopify GraphQL API.

13
Industry categories
6
Scoring dimensions
React 18TypeScriptUX ResearchInteraction DesignPrisma ORMOpenAI APITailwind CSSShopify App Bridge
AI Component Playground

AI Component Playground

Describe a UI in plain English, get a working React + Tailwind component with real-time preview. Features streaming AI generation via Vercel AI SDK and live Sandpack preview.

<2s
First token
10
Templates
Live preview
Next.jsTypeScriptOpenAI APISandpackStreaming
AI Code Reviewer

AI Code Reviewer

Paste code and get instant, structured AI feedback with real-time streaming. Supports three review modes (Quick, Deep, Security), severity-tagged issues, and a 0-100 code quality score.

3
Review modes
8
Languages
Open source
Next.js 14TypeScriptOpenAI APIStreamingMonaco Editor
High-Performance B2B E-commerce Platform

High-Performance B2B E-commerce Platform

Architected a modular Shopify theme with advanced fuzzy search and role-based access control (RBAC) for a 10,000+ SKU catalog, reducing frontend maintenance by 60%.

60%
Maintenance reduction
10k+
Active SKUs
LiquidJavaScript (ES6+)SCSSJSONShopify

Work Experience

Full Stack Web Engineer (Contract)

Mar 2022 — Present

MTI Corporation · Materials Science Equipment, Est. by MIT & UC Berkeley Researchers

  • Joined when the site was on Network Solutions with no custom code. Migrated to Shopify and rebuilt both the customer-facing storefront (Liquid theme with JSON section schemas) and staff-facing admin tools (Remix + Polaris embedded apps) from scratch.
  • Designed and built a two-sided quote system replacing a manual Excel + email workflow: a customer quote cart in the Liquid storefront, a staff admin in Remix + Polaris; server-side data fetching and parallelized API calls cut processing time by 83%.
  • Redesigned the information architecture for 30K+ products using Shopify's Collection and Tag APIs, multi-level categorization, hierarchy-based breadcrumb navigation, and A-Z sorting for large categories.
  • Rebuilt the Product Detail Page around user needs: accordion layout, wholesale tiered pricing, add-ons, cross-sell modules, staff-only notes, and purchase-gated manuals via the Shopify Customer ID API, fully responsive across breakpoints.
  • Set up automated PDF quote generation with jsPDF, html2canvas, and AWS SES for email delivery, matching print output to the on-screen design.
  • Wrote unit tests for the critical quote and checkout flows with Jest and React Testing Library.

Frontend Developer (Independent Projects)

May 2020 — Feb 2022

Remote

  • Designed and built marketing sites and real-time dashboards with React, Next.js (SSG/ISR), and Google Maps API; reduced LCP by 25% through route-based code splitting and lazy loading.
  • Designed and built a WordPress blog for a community organization: multi-level category structure, custom theming, and per-post commenting.

About Me

I'm Zoe, a frontend engineer who came from the design side. I hold an M.A. in Web Design & New Media from the Academy of Art University in San Francisco, where the coursework ran from interaction design and visual prototyping through HTML, CSS, and JavaScript. I moved into engineering because I wanted to build the interfaces I was designing rather than hand them off. That foundation still shapes how I approach code: I don't just think about whether something works, but whether it feels right.

My focus is on the React ecosystem: TypeScript, Remix, Next.js, with a growing specialization in AI-integrated frontend applications from streaming UI pipelines to real-time AI workflows. I enjoy the challenge of making complex interfaces feel simple and fast, whether that's optimizing Core Web Vitals ,engineering state management systems that scale, or building intuitive human-AI interaction patterns.

When I'm not coding, you'll find me exploring the intersection of technology and creativity, always looking for ways to bridge the gap between engineering precision and design intuition.

Get In Touch

I'm actively looking for my next role, frontend, UX/UI developer, or web developer in the Bay Area.

Say hello