PHAM NGOC KHOI

+84 963 799 244 ngockhoi96.dev@gmail.com Saigon, Vietnam websitengockhoi96.dev github linkedin

Summary

Self-driven Frontend Developer with 3+ years of experience specializing in web performance, React, and TypeScript. A daily Linux user and active open-source contributor building full-stack side projects in Go and Astro. Committed to delivering reliable, well-crafted solutions while empowering teammates through technical writing, code reviews, and shared knowledge.

Professional Experience

Nexon Dev Vina | Middle Frontend Developer

  • Team Leadership & Proxy Management: Served as proxy lead for cross-functional teams of 3–10 engineers, translating business requirements into technical implementation and driving on-time delivery.
  • Project Initialization & Architecture: Initialized tech stacks and designed source code architectures for new projects, prioritizing long-term maintainability and team onboarding speed.
  • UI/UX & Performance Optimization: Optimized performance and responsive layouts for high-traffic landing pages and data-intensive React Admin Dashboards, reducing page load times and eliminating layout shift on mobile viewports.
  • Standardization & Code Quality: Enforced rigorous engineering standards by establishing unified linting/formatting guardrails and extensible boilerplates, maintaining high code reusability and structural consistency across all shared repositories.
  • Developer Experience (DX) & Workflow Automation: Packaged core logic into internal libraries and automated SDK generation pipelines, accelerating local development cycles and streamlining CI workflows for faster team feedback loops.
  • Technical Documentation & Mentorship: Authored technical documentation and style guide conventions. Mentored junior developers through code reviews and conducted technical interviews for hiring.
  • Cross-functional Collaboration: Partnered closely with Designers, QA, and PMs to contribute to business logic design and non-functional requirements, keeping project alignment and timely delivery on track.
  • Legacy Maintenance & Product Ownership: Owned maintenance and upgrades of legacy projects, reducing technical debt through incremental refactoring while preserving production stability.

Selected Projects

Gamescale Admin | Enterprise CMS for Global Gaming Platforms | 10 engineers

  • Reactjs, Typescript, React Router, React Query, React Hook Form, Yup, Material UI, Pragmatic drag and drop, Lexical.
  • Designed an enterprise-grade CMS with Vertical Slices and Layered architecture, enabling centralized management for multiple global gaming platforms and services.
  • Built a reusable Form & Validation system with multi-language support and schema-driven validation, adopted across 8 content management features including News, Announcements, and Banners.
  • Implemented a lightweight state management layer using Context API and useReducer with type-safe discriminated unions and automatic dirty-state detection for complex multi-step workflows.
  • Created a data import pipeline for massive Excel files (up to 10M rows), using Web Workers for non-blocking client-side validation and Server-Sent Events (SSE) for real-time progress feedback.
  • Maintained an extensible rich text editor using Lexical with 20+ custom nodes and plugins, empowering content creators to manage complex multi-language announcements and blogs.

Select All | Nexon Publishing Platform | 5 engineers

  • Layered architecture, Atomic design, Reactjs, TanStack (Router/Query), Radix UI, Three.js, GSAP, Zod, i18next.
  • Delivered pixel-perfect scroll-snap animations and interactive event handling with GSAP, enhancing brand storytelling across the publishing platform.
  • Streamlined CI/CD with GitLab pipelines, reducing deploy time by 20% and build times by 60% through Vite and Rolldown optimizations, with automated Slack/Notion/Jira notifications.
  • Established a production-grade i18n framework with route-based lazy loading, selective namespace optimization to minimize bundle size, featuring systematized locale detection and dynamic translation for form error messages without state loss.
  • Optimized image delivery via mobile-first strategies to eliminate visual flickering, achieving zero CLS (Cumulative Layout Shift) and significantly improved LCP (Largest Contentful Paint).

Selected Projects (cont.)

Web Builder | Web Platform for building websites with no-code approach | 12 engineers

  • Reactjs, Typescript, Tanstack (Router, Query, Table), ArkUI, Effect, Zustand, Pragmatic DnD, i18next, Tailwind CSS, Lambda.
  • Set up a Turborepo monorepo using Feature-Sliced Design (FSD) with JIT internal packages to decouple domains and accelerate build cycles.
  • Automated an end-to-end synchronization pipeline for API clients and domain error codes, establishing a Single Source of Truth and eliminating client-server mismatches.
  • Built an internal UI library using Ark UI and Composite Patterns, validated through props-based testing and Storybook integration for component flexibility and consistency.
  • Developed a performant drag-and-drop system using Pragmatic DnD to handle complex nested content hierarchies with smooth, reactive updates.
  • Designed a short-polling mechanism to verify site publication status post-deployment, providing real-time feedback for administrative users.
  • Improved page load speeds through data prefetching and React Suspense, balancing immediate UI feedback with optimized network waterfall performance.
  • Elevated user experience through optimistic updates and debounced search with AbortController, reducing perceived latency while minimizing redundant server requests.
  • Implemented a granular RBAC (Role-Based Access Control) strategy using pattern matching to enforce client-side route protection based on user roles.
  • Optimized cloud infrastructure with AWS S3 presigned URLs for direct client-side uploads, offloading database pressure and reducing backend overhead.

Dotorisopoong | Nexon Corporate Childcare Platform | 3 engineers

  • Layered architecture, Reactjs, TypeScript, TanStack (Router, Query), Zod, SCSS, Framer Motion, Mock Service Worker (MSW).
  • Improved web font loading for critical 10MB Korean fonts using strategic preload directives to eliminate FOIT (Flash of Invisible Text), significantly improving FCP (First Contentful Paint) and CLS (Cumulative Layout Shift).
  • Built a custom UI component library (20+ reusable components), implementing hand-crafted animations with Motion, maintaining WCAG 2.1 AA compliance, and integrating Storybook for documentation and testing.
  • Configured Mock Service Worker to automate mock data generation and API delay simulation, enabling fully offline development.

Technical Skills

  • Languages: JavaScript, TypeScript, Go, HTML5, CSS3, SCSS, Shell Scripting.
  • Frontend Ecosystem: Reactjs, Astro, TanStack (Query/Router), Vite, Vitest, Zustand, React Hook Form, Zod, Tailwind CSS, Panda CSS, Material UI (MUI), Chakra UI.
  • DevOps & Cloud: Docker, GitHub Actions, GitLab CI, AWS (S3, CloudFront), Cloudflare (Workers, R2).

Side Projects

My Site | ngockhoi96.dev | github.com/anIcedAntFA/maishine

  • Astro, Panda CSS, Svelte, Cloudflare (Workers, D1, R2, Images, KV, Cache/CDN), MDX, Honojs, Drizzle, Bun workspace.
  • A high-performance personal website and knowledge base for sharing technical insights, engineering experiences, and thoughts.

GoShort | goshort.app | github.com/anIcedAntFA/goshort

  • Go, Chi, SQLite, sqlc, Sqids, Redis, Cobra, Prometheus, MCP, Docker, GoReleaser.
  • A self-hosted URL shortener — single binary, SQLite-backed, zero config. Features click tracking, QR codes, batch creation, spam detection, CLI client, and MCP integration.

Others

  • Formerly attended University of Science, VNU-HCM.