# PHAM NGOC KHOI +84 963 799 244 · ngockhoi96.dev@gmail.com · Saigon, Vietnam · https://ngockhoi96.dev · https://github.com/anIcedAntFA · https://www.linkedin.com/in/ngoc-khoi-pham-951115252/ ## 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** — Dec 2022 – Present - **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** — May 2024 – Jan 2026 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** — May 2025 – Jun 2025 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). --- **Web Builder | Web Platform for building websites with no-code approach | 12 engineers** — Mar 2025 – Present 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** — Oct 2023 – Aug 2025 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** | https://ngockhoi96.dev | https://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** | https://goshort.app | https://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.