# Nguyen Xuan Cam

> Senior Frontend Engineer based in Da Nang, VN. Frontend engineer focused on performance-critical React and Next.js products, real-time 3D on the web with Three.js, and motion systems built on GSAP. I care about Core Web Vitals, clean architecture and interfaces people enjoy using.

Availability: Open to senior frontend & creative-dev roles
Contact: nguyenxuancamit@gmail.com
GitHub: https://github.com/ngxuancam
LinkedIn: https://www.linkedin.com/in/socdev/

## Machine-readable

- [Résumé (JSON Resume schema)](https://nguyenxuancam.com/resume.json): full structured history
- [Portfolio page](https://nguyenxuancam.com/): human-readable version with schema.org Person JSON-LD

## Skills

- **Frontend Architecture**: TypeScript (expert), React 19 (expert), Next.js App Router (expert), State machines (advanced), Design systems (advanced), Micro-frontends (proficient)
- **Creative Development**: Three.js (advanced), React Three Fiber (advanced), GLSL shaders (advanced), GSAP + ScrollTrigger (expert), WebGL performance (advanced), SVG animation (proficient)
- **Performance & SEO**: Core Web Vitals (expert), Rendering strategies (SSG/ISR/PPR) (expert), Structured data / JSON-LD (advanced), Bundle analysis (advanced), Accessibility (WCAG 2.2) (advanced), Edge caching (proficient)
- **Platform & Tooling**: Node.js (advanced), Testing (Vitest, Playwright) (advanced), CI/CD (advanced), Monorepos (Turborepo) (proficient), Docker (proficient), Observability (proficient)

## Experience

### Senior Frontend Engineer — Company One (2023-03 – present)

Lead engineer for the customer-facing web platform.
- Migrated a 300-route SPA to the Next.js App Router; LCP dropped from 3.8s to 1.4s.
- Designed the component library and token pipeline used by 5 product teams.
- Introduced performance budgets in CI that block regressions before merge.
- Stack: Next.js, TypeScript, GSAP, Playwright

### Frontend Engineer · Creative Dev — Company Two (2020-06 – 2023-02)

Built interactive campaign sites and 3D product configurators.
- Shipped a WebGL product configurator holding 60fps on mid-range phones.
- Created a reusable scroll-storytelling toolkit on GSAP ScrollTrigger.
- Cut texture memory 70% with KTX2 compression and instanced geometry.
- Stack: React, Three.js, R3F, GLSL

### Web Developer — Company Three (2018-08 – 2020-05)

Agency work across e-commerce and marketing sites.
- Delivered 20+ responsive sites with accessibility audits built into QA.
- Automated image pipelines, saving ~1.2 MB on average per page.
- Stack: JavaScript, SCSS, Node.js

## Projects

- **Orbit Configurator** (2025) — Real-time 3D product builder. A browser-based configurator with PBR materials, instanced parts and on-demand rendering so idle tabs cost zero GPU. Outcome: +32% add-to-cart vs. static images. Stack: React Three Fiber, drei, KTX2, Zustand.
- **Pulse Dashboard** (2024) — Streaming analytics UI. Server components for the shell, client islands for live charts, and virtualized tables that render 100k rows without jank. Outcome: INP held under 120ms at p75. Stack: Next.js, TypeScript, WebSockets, Canvas.
- **Tides Story** (2023) — Scroll-driven editorial. A long-form narrative built on ScrollTrigger timelines and a GLSL ocean that reacts to scroll velocity. Outcome: Awwwards Honorable Mention (placeholder). Stack: GSAP, ScrollTrigger, Three.js, GLSL.
- **Atlas UI Kit** (2022) — Design system & tokens. Headless, accessible primitives plus a token build that outputs CSS variables, TS types and Figma styles from one source. Outcome: Adopted by 5 teams, 140+ components. Stack: TypeScript, Style Dictionary, Storybook, a11y.

## Education

- Bachelor, Information Technology — University of Science and Technology – The University of Da Nang (2014-09 – 2018-06)

## Languages

- Vietnamese: Native
- English: Professional working