# 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 **over 3 years** experience, a daily Linux user, and a technical blogger who maintains personal open-source projects on GitHub. I specialize in **web performance** and leverage AI tools to automate workflows, bridging the gap between **seamless UI/UX** and efficient Developer Experience (DX). A proactive communicator, I am dedicated to delivering **high-quality solutions** while empowering my team through shared knowledge. ## Professional Experience **Nexon Dev Vina | Middle Frontend Developer** — Dec 2022 – Present - **Team Leadership & Proxy Management:** Acted as a core project member and proxy lead for cross-functional teams of 3–10 engineers, bridging the gap between business requirements and technical implementation while ensuring punctual delivery. - **Project Initialization & Architecture:** Spearheaded the setup and configuration of modern tech stacks for new projects, designing scalable source code architectures to ensure long-term maintainability and ease of scaling. - **UI/UX & Performance Optimization:** Optimized performance and responsive layouts for both high-traffic landing pages and heavy React-based Admin Dashboards, ensuring smooth user experiences even in data-intensive applications. - **Standardization & Code Quality:** Enforced rigorous engineering standards by establishing unified linting/formatting guardrails and extensible boilerplates, ensuring high code reusability and structural consistency across all shared repositories. - **Developer Experience (DX) & Workflow Automation:** Packaging core logic into internal libraries and automated SDK pipelines to accelerate local development cycles, while streamline CI workflows for automated real-time team synchronization. - **Technical Documentation & Mentorship:** Established detailed technical docs and style guide conventions, while mentoring Junior/Fresher developers through code reviews and conducting technical interviews to evaluate candidate competency. - **Cross-functional Collaboration:** Partnered closely with Designers, QA, and PMs to contribute to business logic design and non-functional requirements, ensuring project alignment and timely delivery. - **Legacy Maintenance & Product Ownership:** Took full responsibility for maintaining and upgrading legacy projects, ensuring they remain robust and functional while preventing technical debt over time. ## 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. - Architected an enterprise-grade CMS with Feature Isolation and Modular Architecture, enabling centralized management for multiple global gaming platforms and services. - Engineered a **reusable Form & Validation system** with a multi-language pattern and schema-driven validation, serving as a scalable foundation for News, Announcements, and Banner features. - Architected a **Redux-like state management** system using Context API and useReducer, implementing type-safe discriminated unions and automatic dirty state detection for complex feature workflows. - Engineered a high-performance data import system for massive Excel files (up to **10M rows**), leveraging **Web Workers** for non-blocking client-side validation and Server-Sent Events (SSE) for real-time processing updates. - 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 – Present Reactjs, TanStack (Router/Query), Radix UI, Three.js, GSAP, Zod, i18next. - Architected the application using Modular Architecture and Atomic Design, enforcing strict dependency rules for a highly maintainable enterprise codebase. - Leveraged GSAP to deliver pixel-perfect, high-performance scroll-snap animations and interactive event handling, enhancing brand storytelling. - Improved the CI lifecycle with Gitlab pipeline and build performance with **reduce deploy time 20%** and automated Slack/Notion workflows, leveraging Vite and Rolldown to **reduce build times by 60%** while maximizing runtime efficiency. - Established a robust i18n framework with route-based lazy loading and selective namespace optimization to minimize bundle size, featuring automated 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 | 11 engineers — Mar 2025 – Present Reactjs, Typescript, Tanstack (Router, Query, Table), ArkUI, Effect, Zustand, Pragmatic DnD, i18next, Tailwind CSS, Lambda. - Architected a **scalable Turborepo monorepo** using **Feature-Sliced Design (FSD)** and JIT internal package strategies to decouple business logic and accelerate build/deployment cycles. - Engineered an automated end-to-end synchronization pipeline for API clients and domain error codes, establishing a Single Source of Truth and eliminating client-server mismatches. - Built a high-performance internal UI library using Ark UI and Composite Patterns, ensuring component flexibility and consistency with props-based testing and Storybook integration. - Developed a **high-performance 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. - Optimized 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, enhancing perceived performance while minimizing redundant server requests. - Implemented a robust RBAC (Role-Based Access Control) strategy using pattern matching to enforce granular client-side route protection based on user roles. - Optimized cloud infrastructure by leveraging AWS S3 for stateless metadata and 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 Reactjs, TypeScript, TanStack (Router, Query), Zustand, Zod, SCSS, Motion (Framer Motion), Mock Service Worker (MSW). - Architected the frontend using Feature-Sliced Design (FSD) with a Page-first strategy. - Optimized 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 custom UI component library (20+ components), implementing hand-crafted animations with Motion, maintaining WCAG 2.1 AA compliance, integrating Storybook for comprehensive documentation and testing. - Configured Mock Service Worker to automate mock data generation and API delay simulation, enabling offline development. ## Technical Skills - **Languages:** JavaScript, TypeScript, Go (Golang), 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, knowledge base for sharing technical insights, engineering experiences and thoughts. **GoHome** | https://github.com/anIcedAntFA/gohome - Go (Golang), Cobra, Viper, GitHub Actions, NPM/AUR Distribution. - An open-source CLI tool that turns your local Git history into clean daily standup and activity reports with AI. Explore more of my open-source experiments and technical contributions at https://github.com/anIcedAntFA. ## Others - Formerly attended **University of Science**, VNU-HCM.