AN
0%

An Nguyen — frontend

000
BOOTING AN.OS · REACT · NEXT.JS · TYPESCRIPTCLICK OR ESC TO SKIP
Skip to content

AN NGUYEN · FRONTEND ENGINEERREACT · NEXT.JS · TYPESCRIPTHO CHI MINH CITY · OPEN TO REMOTE

I build complex frontend products that are fast, maintainable, and easy to use.

PROOFLCP 3.8s → 1.9s— Get Plus return portal

React, Next.js & TypeScript engineer focused on complex workflow UIs, data-heavy applications, and high-performance web products.

See selected work Get Plus case study
fig. 0 — component graphproof → are fast.
Route-level code splitting · Reason → resolution → rulesillustrative
YEARS · FRONTEND ENGINEERING
5+
PRODUCTION WEBSITES & APPS
20+
REGISTERED USERS · MADS SAT
300K+
LCP · RETURN PORTAL
3.8s→1.9s
JS BUNDLE REDUCTION
~35%

THE DESK — UNDER THE PAPER

01 — WORK

Selected Work

Production products, complex workflows, and interfaces built for real users.

P/01 · FLAGSHIP · PROTECT PLUSJUN 2025 — SEP 2026 · FRONTEND OWNER

Get Plus / Protect Plus

Post-purchase platform for Shopify & custom e-commerce stores.

returns portal · shopper view
Next.js · TypeScript · Shopify Polaris (merchant admin)

COMPLEXITY MAP

  1. 01Shopperportal entry
  2. 02Return Flowreason · resolution
  3. 03Business Rulesmerchant routing
  4. 04Merchant Reviewadmin · Polaris
  5. 05Resolutionrefund · exchange · credit

LCP

3.8s → 1.9s

JS BUNDLE

~35% smaller

MODULES

Returns · Exchange · Package Protection · Order Tracking · Order Editing

STACK

Next.js / TypeScript / Shopify / Nest.js / MongoDB / AWS

Read the case study ↓

P/02 · INTERNAL TOOL · DAOUKIWOOM

VEVE Studio

Data-heavy internal CMS with real-time editing.

  • 10,000+ row tables
  • Row virtualization
  • Debounced saves
  • Optimistic updates
  • ApexCharts dashboards
  • FullCalendar scheduling · 20+ internal users

Next.js / Node.js / MySQL / ApexCharts / FullCalendar

Try the live table demo ↓

P/03 · CONTENT PLATFORM · AGENCY

BONGDA.COM

Sports news platform serving 500K+ monthly visitors.

MONTHLY
500K+
LIGHTHOUSE
90+
AUTH
NextAuth

Next.js / NextAuth / Node.js

P/04 · SOLE DEVELOPER · MSANHDAY SAT

MADS SAT

Web & desktop testing app — 300K+ registered users, real-time tests.

WEB · NEXT.JS

↔

DESKTOP · ELECTRON

shared · Node.js · Redux · AWS · GitHub Actions

Built and shipped alone — web and desktop clients, backend, deployment pipeline.

CASE STUDY — GET PLUS

Millions of orders. Multiple business rules. One frontend system.

THE PROBLEM

Returns, exchanges, package protection, order tracking and order editing — five products, two audiences (shoppers and merchants), one codebase.

THE REAL CHALLENGE

Not building pages — representing business workflows and every state they can be in, without the UI becoming unmaintainable.

MY ROLE

Owned the frontend of the shopper portal and merchant admin, architecture to release. Reviewed PRs, mentored 2 juniors.

FLOW A — SELF-SERVICE RETURNSshopper → merchant
  1. 01 · SHOPPERCustomer
  2. 02 · SHOPPERSelect order item
  3. 03 · SHOPPERChoose reason
  4. 04 · SHOPPERChoose resolutionRefundExchangeStore credit
  5. 05 · SYSTEMMerchant rules
  6. 06 · MERCHANTApproval
  7. 07 · MERCHANTResolution
FLOW B — PACKAGE PROTECTION CLAIMS3 entry states → 1 resolution path
LOSTDAMAGEDSTOLEN
01 · SHOPPERClaim submission
02 · SHOPPEREvidence
03 · MERCHANTMerchant review
04 · MERCHANTResolution
Shopper portal — reason, resolution (refund / exchange / store credit)
Merchant admin — review, resolution, module settings

RETURNS

  • Self-service return portal
  • Return reason flows
  • Refund · instant exchange · store credit
  • Automated merchant routing rules

ORDERS

  • Order tracking
  • Branded tracking pages
  • Address fixes · item edits
  • Cancellations

MERCHANT

  • Admin dashboards
  • Module settings
  • Claim review & resolution
  • Checkout Plus widget (Liquid)

QUALITY

  • PR reviews
  • Mentored 2 junior developers
  • Jest / RTL unit tests
  • Playwright E2E tests

02 — ARCHITECTURE

Under the UI

Frontend is the expertise. But features don't stop at the component boundary — I can own one end to end: the API contract with Nest.js services, Shopify webhooks, the data in MongoDB, and the pipeline that ships it to AWS.

hover a layer to lift it

  1. 01ReactComponent architecture for multi-step flowsPRIMARY
  2. 02Next.jsRouting, rendering, code splittingPRIMARY
  3. 03TypeScriptTyped states and API contractsPRIMARY
  4. 04State managementRedux · React Query · ZustandPRIMARY
  5. 05API layerREST · GraphQL · WebSocketsACROSS THE STACK
  6. 06Nest.jsServices behind Get PlusACROSS THE STACK
  7. 07Shopify APIs / WebhooksAdmin APIs, order events, theme app extensionsACROSS THE STACK
  8. 08MongoDBGet Plus data · MySQL elsewhereACROSS THE STACK
  9. 09AWS / CI/CDAWS pipelines · GitHub ActionsACROSS THE STACK

03 — PERFORMANCE

Performance is part of the product.

LCP · GET PLUS RETURN PORTAL

1.9s

before
after
0s3.8s

JAVASCRIPT BUNDLE · GET PLUS

~35% smaller

before
after
relative size100%

LIGHTHOUSE · AGENCY BUILDS

90+

0performance score maintained100
Code splittingLazy loadingImage optimizationResponsive architectureFaster UI

04 — DATA INTERFACES

Complex data should still feel simple.

The pattern behind VEVE Studio's 10,000+ row tables, rebuilt here as a working demo. Scroll it. Edit a value. Watch what the browser actually does.

  1. 10,000+ rows
  2. Virtualized rendering
  3. Debounced saves
  4. Optimistic updates
  5. Real-time editing
records · 10,000 rows · synthetic demo datavalue column is editable
IDENTRYOWNERSTATUSVALUE ✎SYNC
#00001Entry 0001StudioDraft
#00002Entry 0038ContentArchived
#00003Entry 0075OperationsLive
#00004Entry 0112AdminScheduled
#00005Entry 0149BookingDraft
#00006Entry 0186StudioArchived
#00007Entry 0223ContentLive
#00008Entry 0260OperationsScheduled
#00009Entry 0297AdminDraft
#00010Entry 0334BookingArchived
#00011Entry 0371StudioLive
#00012Entry 0408ContentScheduled
#00013Entry 0445OperationsDraft
#00014Entry 0482AdminArchived
#00015Entry 0519BookingLive
#00016Entry 0556StudioScheduled
#00017Entry 0593ContentDraft

05 — EXPERIENCE

Where I've shipped

  1. 2025 — 2026

    Protect Plus

    Senior Frontend Developer

    Get Plus shopper portal & merchant admin — architecture to release.

    Next.js · TypeScript · Polaris · Nest.js

    Return portal LCP 3.8s → 1.9s; JS bundle ~35% smaller.

  2. 2024 — 2025

    DAOUKIWOOM Innovation

    Web Developer

    Company site, 3 e-commerce sites from scratch, VEVE Studio CMS.

    Next.js · Node.js · GSAP · MySQL

    10,000+ row tables with virtualization and optimistic updates.

  3. 2021 — 2024

    The Outstanding Production Group

    Web Developer · Junior → Mid

    20+ production websites, e-commerce platforms and web apps.

    React · Next.js · TypeScript · Tailwind

    BONGDA.COM — 500K+ monthly visitors, 90+ Lighthouse.

  4. 2024 — 2026

    MsAnhDay SAT

    IT Developer

    Sole developer of MADS SAT — web + Electron desktop testing app with real-time student tests.

    Next.js · Electron · Redux · AWS

    300K+ registered users; real-time testing.

  5. 2021 — 2024

    CFD Circle

    Teaching Assistant

    React projects and code reviews.

    React

    Mentored 100+ students.

  6. 2020 — 2021

    GEEK Up

    Frontend Developer · GIP Winter Program

    HR management application.

    Responsive frontend

    Built the responsive frontend.

06 — STACK

Frontend Toolkit

CORE

  • React
  • Next.js
  • TypeScript
  • JavaScript
  • HTML5
  • CSS3

IN PRODUCTIONNext.js + TypeScript across the Get Plus shopper portal and merchant admin; React / Next.js across 20+ agency builds.

How I approach frontend problems.

  1. 01

    Understand

    Understand the product, user flow and business rules.

  2. 02

    Model

    Translate complex requirements into clear states and reusable components.

  3. 03

    Build

    Build maintainable React / Next.js architecture.

  4. 04

    Validate

    Test responsive behavior, edge cases, accessibility and performance.

  5. 05

    Ship

    Deploy, monitor, iterate and improve.

More Work

e-commerce · corporate · brand & motion

E-COMMERCESOOPLE / FLATKorean e-commerce sites with Kakao & Naver login and Naver Map.Next.js · Node.js · MySQL · OAuth

07 — ABOUT

About An Nguyen (Nguyen An)

I've spent the last 5+ years building production web products across e-commerce, SaaS-style platforms, internal tools, content platforms and interactive brand experiences.

I enjoy working where frontend development gets complicated — turning business rules, large datasets and multi-step workflows into interfaces that feel simple to use.

EDUCATION
University of Information Technology
B.Sc. Computer Science · 2017–2023
ENGLISH
Professional working proficiency
Daily work in English-speaking teams
BASED IN
Ho Chi Minh City, Vietnam
Open to remote

08 — CONTACT

Have a complex frontend problem?

Let's build something clear, fast and reliable.