Hi, My name is

Phan Xuan Chien

Senior Frontend Developer / Full-stack Software Engineer

Senior Frontend / Full-stack Engineer with 5+ years of experience architecting and shipping production-grade web platforms from scratch. Proven track record as Frontend Owner delivering high-traffic Korean enterprise portals, AI/LBS platforms (Mappia), and complex multi-role SaaS systems.

Specialized in React 19, Next.js, TypeScript, Node.js/Express 5, and modern state architectures (Zustand, TanStack Query). Fluent in collaborating with international PM/Design teams in English from Figma to automated CI/CD deployment.

Open to frontend & full-stack roles and freelance collaborations

see my resume

about me

I’m a Senior Frontend / Full-stack Software Engineer based in Ho Chi Minh City with 5+ years of experience architecting and shipping production-grade web platforms from scratch. Proven track record as Frontend Owner delivering high-traffic Korean enterprise portals, AI/LBS platforms (Mappia), and complex multi-role SaaS systems. Fluent in collaborating with international PM/Design teams in English from Figma to automated CI/CD deployment.

Specialized in React 19, Next.js, TypeScript, Node.js/Express 5, and modern state architectures (Zustand, TanStack Query). Actively architecting full-stack monorepos, micro-services, and enterprise products—including an Attendance & Payroll HRM system with GPS/Wi-Fi attendance, approval workflows, WebSocket notifications, and Vietnam-compliant payroll rules.

Here are a few technologies I’ve been working with recently:

  • React 19 / Next.js / TypeScript / Vite
  • Zustand / TanStack Query / Redux Toolkit
  • Node.js / Express 5 / Prisma 7 / PostgreSQL
  • Hono / Cloudflare Pages & D1 / Redis / MySQL
  • Tailwind CSS 4 / Ant Design / Web Components
  • Docker / GitHub Actions / AWS (S3/CloudFront/EC2)
Phan Xuan Chien

where i've worked

sole frontend developer / full-stack engineer @Prototie Co., Ltd. (주프로토타이)

June 2026 - present

  • Mappia Platform (AI & LBS Pet-Lifecycle Ecosystem) — mappia.ai/open-beta: architected full-stack TypeScript monorepo (npm workspaces: share, api, app) adhering to Handler-Service-Repository and Provider patterns (Payment, Storage, OAuth, SMS).
  • Engineered backend engines using Express 5, MySQL, Redis, and JWT: Kibble reward system (FIFO logic, 12-month expiry), PII anonymization, and notification feeds; backed by 288 in-memory unit tests.
  • Built corporate & Open Beta platforms on Hono + Cloudflare Pages + D1 with modular scroll-reveal UI, reducing media payload from 19.4MB to 293KB via 4K WebP optimization.
  • Implemented secure Contact Board and Admin CMS with SHA-256 Bearer auth, private threads, and metrics dashboard.
  • Prototie Suite (Corporate Site, Prototie Care, Prototie PM): single-handedly developed and shipped 3 production web apps in 2 months based on Figma designs using React 19, Vite, and Tailwind CSS 4.
  • Built multi-role partner portal (Care) featuring cookie-based JWT refresh flow, dynamic route guards, and KR/EN localization.
  • Set up robust unit test suite with 54 test files (Vitest, RTL, MSW) covering custom hooks, Zustand stores, and critical views.
  • Configured automated CI/CD pipelines deploying to AWS (OIDC, S3, CloudFront).

projects i've worked on

featured projects

Mappia Platform (AI & LBS Pet-Lifecycle Ecosystem)

AI & LBS Pet-Lifecycle Ecosystem platform featuring real-time walk rewards, pet health, IoT tracking, and community services. Corporate & Open Beta web apps built on Hono + Cloudflare Pages + D1 with modular scroll-reveal UI.

Sole Frontend / Full-stack Engineer: architected full-stack TypeScript monorepo (npm workspaces: share
api
app) adhering to Handler-Service-Repository and Provider patterns (Payment
Storage
OAuth
SMS); engineered backend engines using Express 5
MySQL
Redis
and JWT for Kibble rewards (FIFO logic
12-month expiry)
PII anonymization
and notification feeds backed by 288 in-memory unit tests; built corporate & Open Beta platforms on Hono + Cloudflare Pages + D1 with modular scroll-reveal UI
reducing media payload from 19.4MB to 293KB via 4K WebP optimization; implemented secure Contact Board and Admin CMS with SHA-256 Bearer auth
private threads
and metrics dashboard.

React 19TypeScriptHonoCloudflare D1Express 5MySQLRedisZustand

Prototie Corporate Website (prototie.net)

High-fidelity company marketing SPA for Prototie — corporate landing, project showcase, About, IT Outsourcing, IT Solution, and AI Matching service pages — built from scratch to match Korean Figma specs with premium dark-theme UI and full PC/mobile responsiveness.

Sole Frontend Owner: developed and shipped production corporate website using React 19
TypeScript
Vite
Tailwind CSS 4
and Zustand; translated Figma PC/mobile designs into pixel-accurate pages with scroll animations
metric counters
and Pretendard typography; configured automated CI/CD deploying to AWS (OIDC
S3
CloudFront).

React 19TypeScriptViteTailwind CSS 4ZustandAWS S3 / CloudFront

Protocare Partner Web

Role-based partner portal frontend for care and support service platform, built from scratch based on Figma PC/mobile designs and design system guidelines with Korean/English multilingual support.

Sole Frontend Developer: built multi-role partner portal (Public
User
Support Staff
Admin) featuring cookie-based JWT refresh flow
dynamic route guards
and KR/EN localization; delivered dashboard
care search
schedule calendar
settlement
and inquiry flows; set up robust unit test suite with 54 test files (Vitest
RTL
MSW); configured automated CI/CD pipelines deploying to AWS.

React 19TypeScriptViteTailwind CSS 4ZustandTanStack QueryVitestMSW

Attendance & Payroll HRM System

Multi-portal HRM enterprise platform (Admin, HR, Worker) handling GPS/Wi-Fi attendance check-in, dynamic approval workflows (Leave/OT), live WebSocket notifications, and full Vietnam-compliant payroll engine.

Full-stack Developer & Product Owner: designed multi-portal HRM platform with React 19
TypeScript
Vite 6
Tailwind CSS 4
Node.js
Express 5
Prisma 7
PostgreSQL 16; built progressive PIT calculations
statutory insurance caps (BHXH)
allowances
penalty deductions
and Excel payslip snapshots; deployed micro-service ready architecture with role-based JWT auth
cookie refresh mechanics
soft-delete audits
and Swagger documentation.

React 19TypeScriptExpress 5Prisma 7PostgreSQLWebSocketTailwind CSS 4Docker

E-commerce Platform & Admin

Full-featured e-commerce platform with client-facing storefront and admin management system for product catalog, licensing plans, cart/checkout, and order management. Live from early Jan 2026; fully handed over in May 2026.

Senior Frontend / Owner: designed React/Next.js + TypeScript architecture from scratch; built auth
product listing
cart
checkout
order tracking
and account features; admin dashboard for user/product/order management with scalable table & form patterns; integrated multiple online payment methods; GitHub Actions CI/CD to AWS (EC2/S3/Nginx); production performance via memoization
efficient rendering
and bundle hygiene.

Next.jsTypeScriptTailwind CSSPaymentsCI/CDAWS

Bingo Event Mini Game (Web Event Game)

Interactive event-driven bingo mini game designed to increase user engagement and retention through gamified campaigns and real-time reward mechanics.

Built end-to-end game UI including reward board
dynamic grid
and action flows; integrated APIs for game logic and reward processing; managed client-side state for instant feedback; collaborated with backend to design efficient API contracts.

Next.jsReactTypeScriptMini GameEvent CampaignTailwind CSSZustandTanStack Query

Insurance Record Management System

Enterprise system for managing insurance records and workflow processes.

Senior frontend on core team: defined architecture conventions
React/Next.js code reviews
performance improvements on complex screens
and CI/CD alignment for reliable releases.

ReactNext.jsTypeScriptEnterpriseCI/CD

Water Park Ticketing System (Korea) — POS & Kiosk

POS and Kiosk systems for on-site ticket sales across multiple water parks in Korea.

Sole frontend developer: optimized checkout flows for high-traffic environments; integrated cash
bank transfer
and credit card payments; configured domain setup and CI/CD pipelines for streamlined deployment.

ReactTypeScriptPOS/KioskPaymentsTailwind CSS

my projects

what's next

get in touch

Open to remote senior frontend, software engineer, or full-stack roles — especially products involving React/Next.js, Figma-to-code UI, or Node/Prisma backends.

Happy to discuss a role, a contract, or just say hello — my inbox is open.

Say Hello