{"$schema":"https://raw.githubusercontent.com/jsonresume/resume-schema/v1.0.0/schema.json","basics":{"name":"Nguyen Xuan Cam","label":"Senior Frontend Engineer","email":"nguyenxuancamit@gmail.com","url":"https://nguyenxuancam.com","summary":"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.","location":{"city":"Da Nang","region":"Da Nang","countryCode":"VN"},"profiles":[{"network":"GitHub","username":"ngxuancam","url":"https://github.com/ngxuancam"},{"network":"LinkedIn","username":"socdev","url":"https://www.linkedin.com/in/socdev/"}]},"work":[{"name":"Company One","position":"Senior Frontend Engineer","startDate":"2023-03","summary":"Lead engineer for the customer-facing web platform.","highlights":["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."]},{"name":"Company Two","position":"Frontend Engineer · Creative Dev","startDate":"2020-06","endDate":"2023-02","summary":"Built interactive campaign sites and 3D product configurators.","highlights":["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."]},{"name":"Company Three","position":"Web Developer","startDate":"2018-08","endDate":"2020-05","summary":"Agency work across e-commerce and marketing sites.","highlights":["Delivered 20+ responsive sites with accessibility audits built into QA.","Automated image pipelines, saving ~1.2 MB on average per page."]}],"projects":[{"name":"Orbit Configurator","description":"A browser-based configurator with PBR materials, instanced parts and on-demand rendering so idle tabs cost zero GPU.","highlights":["+32% add-to-cart vs. static images"],"keywords":["React Three Fiber","drei","KTX2","Zustand"],"startDate":"2025"},{"name":"Pulse Dashboard","description":"Server components for the shell, client islands for live charts, and virtualized tables that render 100k rows without jank.","highlights":["INP held under 120ms at p75"],"keywords":["Next.js","TypeScript","WebSockets","Canvas"],"startDate":"2024"},{"name":"Tides Story","description":"A long-form narrative built on ScrollTrigger timelines and a GLSL ocean that reacts to scroll velocity.","highlights":["Awwwards Honorable Mention (placeholder)"],"keywords":["GSAP","ScrollTrigger","Three.js","GLSL"],"startDate":"2023"},{"name":"Atlas UI Kit","description":"Headless, accessible primitives plus a token build that outputs CSS variables, TS types and Figma styles from one source.","highlights":["Adopted by 5 teams, 140+ components"],"keywords":["TypeScript","Style Dictionary","Storybook","a11y"],"startDate":"2022"}],"education":[{"institution":"University of Science and Technology – The University of Da Nang","area":"Information Technology","studyType":"Bachelor","startDate":"2014-09","endDate":"2018-06"}],"skills":[{"name":"Frontend Architecture","keywords":["TypeScript","React 19","Next.js App Router","State machines","Design systems","Micro-frontends"]},{"name":"Creative Development","keywords":["Three.js","React Three Fiber","GLSL shaders","GSAP + ScrollTrigger","WebGL performance","SVG animation"]},{"name":"Performance & SEO","keywords":["Core Web Vitals","Rendering strategies (SSG/ISR/PPR)","Structured data / JSON-LD","Bundle analysis","Accessibility (WCAG 2.2)","Edge caching"]},{"name":"Platform & Tooling","keywords":["Node.js","Testing (Vitest, Playwright)","CI/CD","Monorepos (Turborepo)","Docker","Observability"]}],"languages":[{"language":"Vietnamese","fluency":"Native"},{"language":"English","fluency":"Professional working"}],"meta":{"lastModified":"2026-10-31"}}