Bỏ qua đến nội dung

TP. Hồ Chí Minh, Việt Nam

Sẵn sàng hợp tác

Xin chào, tôi là Kiệt Nguyễn

Senior Frontend DeveloperAI-native Developer: Phát triển cùng AI, có kiểm soát

Trọng tâm công việc: phát triển cùng AI có kiểm soát, hệ thống quản lý đơn hàng, TypeScript quy mô lớn, thư viện component dùng chung

Tôi xây dựng những ứng dụng web giữ cho dòng đơn hàng thương mại điện tử luôn thông suốt.

Xem dự ánLiên hệ
năm xây dựng frontend cho sản phẩm thực tế
6+
chu kỳ release rút ngắn trên các frontend Onflow
50%
file chuyển sang TypeScript strict, không còn JavaScript
1.6k
file test bảo vệ ba codebase production
800+

Giới thiệu

Về tôi

Ảnh chân dung của Kiệt Nguyễn
Vai trò
Senior Frontend Developer
Địa điểm
TP. Hồ Chí Minh, Việt Nam

Tôi là senior frontend developer tại TP. Hồ Chí Minh. Hơn sáu năm qua, tôi xây dựng các ứng dụng web chạy thực tế bằng React và TypeScript: từ website thương mại điện tử, phần mềm quản lý tài sản của GBST cho thị trường Anh, đến nền tảng công nghệ của Onflow Fulfillment hiện nay.

Tại Onflow, tôi là người phát triển chính frontend của hệ thống OMS mà nhà bán hàng đa kênh dùng để quản lý sản phẩm, đơn hàng, nhập kho và hoàn trả trên mọi kênh bán. Sau khi tiếp nhận codebase, tôi tái cấu trúc theo hướng feature-based, thiết kế lại UI/UX, chuyển toàn bộ sang TypeScript strict và viết phần lớn bộ test. Tôi cũng xây dựng từ đầu giao diện Fulfillment Connect và thư viện frontend dùng chung.

Tôi thích những codebase tự giải thích được chính nó: data layer có type, quy tắc do lint kiểm tra thay vì dựa vào trí nhớ, và tài liệu mà cả con người lẫn AI coding agent đều làm theo được. Đó cũng là nền để tôi làm việc theo hướng AI-first: khoảng 80% code tôi đưa lên production bắt đầu từ AI coding agent, còn tôi lên kế hoạch, review và chịu trách nhiệm cho toàn bộ. Khi tính năng cần, tôi cũng làm được backend với NestJS, Strapi và SQL.

Cách tôi làm việc với AI

Phát triển cùng AI, có kiểm soát

Phần lớn code của tôi hiện bắt đầu từ AI agent. Điều giúp nó đủ an toàn để đưa lên production là mọi thứ quanh agent: yêu cầu viết rõ ràng, những quy tắc agent không thể bỏ qua, và một người đọc từng diff.

code do AI viết nháp
≈80%
diff do tôi review
100%
repository có hướng dẫn cho agent
3

  1. Spec trước

    Tôi viết rõ cần làm gì và sẽ kiểm tra thế nào trước khi agent viết dòng code đầu tiên.

  2. Rule và skill

    Mỗi repository có bản hướng dẫn cho agent, bộ lint rule và các skill dùng lại, để agent làm việc đúng cách của team.

  3. Agent viết nháp

    Agent viết code và test đi kèm theo từng bước nhỏ. Subagent lo việc tìm mã, review và kiểm tra, mỗi việc dùng model vừa đủ để tiết kiệm token.

  4. Tôi review, CI quyết định

    Tôi đọc từng diff và chịu trách nhiệm về kết quả. Không gì được merge khi type, lint và test chưa đạt.

Bộ công cụ agent

  • Claude Code
  • Agent Skills
  • Subagents
  • Hooks
  • AGENTS.md / CLAUDE.md
  • Model routing
  • Token optimization
  • MCP

Điều giữ mọi thứ trong tầm kiểm soát

  • TypeScript strict, không còn JavaScript
  • Quy tắc kiến trúc do lint kiểm tra trong CI
  • Test chạy trên mỗi pull request: hơn 800 file ở ba codebase
  • Hướng dẫn và skill cho agent nằm trong repository
  • Mọi diff đều có người đọc trước khi merge

Cách tôi làm việc

  1. Type trước, tính năng sau

    TypeScript strict từ đầu đến cuối. Tôi đã đưa một ứng dụng lớn rời khỏi JavaScript và thêm type cho data layer theo từng domain.

  2. Quy tắc viết thành code

    Chiều import, query key, i18n và phân quyền đều do lint script kiểm tra trong CI, không dựa vào trí nhớ của người review.

  3. Test nằm cạnh code

    Vitest và Testing Library nằm ngay cạnh từng module, nên mỗi lần refactor đều biết hỏng gì chỉ sau vài phút.

  4. Tài liệu cho người và agent

    Mỗi repository có một bản hướng dẫn chính xác, để đồng nghiệp mới và AI agent cùng làm theo một bộ quy tắc.

Công nghệ tôi sử dụng

Kỹ năng

Nền tảng

  • React6 năm
  • TypeScript6 năm
  • JavaScript6 năm
  • HTML6 năm
  • CSS / Sass6 năm

Framework & state

  • Next.js3 năm
  • TanStack Query3 năm
  • React Hook Form2 năm
  • React Router3 năm
  • Zustand
  • Ember.js

UI & styling

  • Bootstrap / reactstrap3 năm
  • Material UI
  • Recharts2 năm
  • react-i18next2 năm

Testing & tooling

  • Vitest2 năm
  • Jest
  • React Testing Library3 năm
  • Vite2 năm
  • ESLint3 năm
  • GitHub Actions2 năm
  • Google Apps Script

Backend & dữ liệu

  • Node.js (NestJS, Express)
  • Strapi
  • REST6 năm
  • GraphQL
  • PostgreSQL / MySQL
  • MongoDB
  • Docker2 năm

AI & agent

  • Claude Code
  • Agent Skills
  • Subagents
  • Hooks
  • AGENTS.md / CLAUDE.md
  • Model routing
  • Token optimization
  • MCP

Đang tìm hiểu

  • Claude Certified Architect
  • Prompt caching
  • React 19
  • Tailwind CSS 4
  • React Three Fiber
  • Turborepo

Hành trình nghề nghiệp

Kinh nghiệm

  1. – Hiện tại

    Senior Frontend Developer

    Onflow Fulfillment

    Dịch vụ fulfillment thương mại điện tử dựa trên nền tảng công nghệ riêng: OMS, WMS, TMS và Fulfillment Connect.

    • Tiếp nhận và là người phát triển chính frontend Onflow OMS (hơn 3.700 commit): tái cấu trúc codebase thành bảy module theo hướng feature-based, thiết kế lại UI/UX và chuyển đổi hơn 1.600 file từ JavaScript sang TypeScript strict.
    • Chuyển build của OMS từ Create React App sang Vite và nâng cấp các dependency cốt lõi để build và deploy nhanh hơn; xây dựng phần lớn bộ test và các quy tắc lint kiến trúc.
    • Xây dựng giao diện Fulfillment Connect từ repository trống tới production trong bảy tuần (hiện có chín module), sau đó tạo Onflow Shared Packages: bộ UI, API runtime và tooling dùng chung cho hai ứng dụng.
    • Phát triển các màn hình nhập kho, xuất kho, vận chuyển và báo cáo cho hệ thống vận hành OPS; xây dựng hai công cụ nội bộ bằng Google Apps Script: form đặt lịch nhập kho và công cụ đồng bộ Taiga với Google Sheets.
    • Thiết lập quy trình phát triển có AI hỗ trợ: soạn bản hướng dẫn cho agent (AGENTS.md, CLAUDE.md) trong ba repository, xây dựng 7 skill dùng lại, 3 subagent và hook, chọn model theo từng tác vụ để tiết kiệm token; khoảng 80% code do AI agent viết nháp và 100% được review trước khi merge.
    • Kết quả: rút ngắn 50% chu kỳ release, giảm hơn 50% thời gian deploy và gần như loại bỏ hotfix trên production.
    • React
    • TypeScript
    • Vite
    • TanStack Query
    • Vitest
    • Sentry

  2. Full-stack Developer

    Freelance

    Website doanh nghiệp cho Diamond Owl Solution, công ty dịch vụ công nghệ.

    • Thiết kế và xây dựng toàn bộ website bằng Next.js trên nền headless CMS Strapi.
    • Thiết kế mô hình dữ liệu nội dung, cung cấp qua GraphQL API và tích hợp email cùng các dịch vụ bên thứ ba.
    • Đóng gói hệ thống bằng Docker, giúp khách hàng triển khai linh hoạt trên hạ tầng riêng.
    • Phối hợp trong nhóm ba người, chuyển yêu cầu từ team leader và khách hàng thành tính năng hoàn chỉnh.
    • Next.js
    • TypeScript
    • Strapi
    • GraphQL
    • Docker

  3. –

    Frontend Developer

    TMA Solutions × GBST

    GBST phát triển phần mềm quản lý tài sản cho các nền tảng đầu tư và quỹ hưu trí. Tham gia hai sản phẩm: Composer và Catalyst.

    • Phát triển tính năng bằng React cho Composer, nền tảng quản trị tài sản đứng sau nhiều nền tảng đầu tư lớn tại Anh.
    • Phát triển tính năng mới bằng React cho Catalyst, cổng thông tin tự phục vụ dành cho nhà đầu tư và cố vấn tài chính, song song với ứng dụng Ember.js hiện hữu.
    • Làm việc theo mô hình Agile Scrum, trao đổi trực tiếp với khách hàng nước ngoài để làm rõ yêu cầu; viết test cho tính năng mới bằng Jest và Testing Library.
    • Hai lần được ghi nhận: hoàn thành release trước thời hạn; đạt hiệu suất cao và tích cực hỗ trợ đồng nghiệp.
    • React
    • Ember.js
    • Jest
    • Formik
    • Jenkins

  4. Frontend Developer

    PAVN

    Sàn giao dịch trực tuyến cho các dịch vụ số.

    • Xây dựng storefront bằng Next.js và TypeScript, áp dụng server-side rendering để tối ưu tốc độ và SEO.
    • Quản lý server state bằng React Query và xây dựng giao diện với Material UI.
    • Làm việc theo mô hình Scrum, báo cáo tiến độ hằng ngày cho product owner.
    • Next.js
    • TypeScript
    • React Query
    • Material UI

  5. Thực tập sinh Frontend

    Just Enough

    Ứng dụng e-commerce cho tiệm bánh, có thanh toán trực tuyến.

    • Xây dựng các luồng duyệt sản phẩm, giỏ hàng và thanh toán bằng Next.js và Theme UI.
    • Tích hợp backend Strapi và MongoDB, gửi email xác nhận đơn hàng qua Nodemailer.
    • Hoàn thành các tính năng dưới sự hướng dẫn của mentor và team leader.
    • Next.js
    • TypeScript
    • Theme UI
    • Strapi
    • MongoDB

Học vấn và ghi nhận

  • 2015 – 2020Cử nhân Khoa học máy tínhTrường Đại học Công nghệ Thông tin (UIT), ĐHQG-HCM
  • 2023Ghi nhận hiệu suất cao và tinh thần hỗ trợ đồng nghiệpTMA Solutions
  • 2022Ghi nhận hoàn thành release trước thời hạnGBST

Sản phẩm tiêu biểu

Dự án

Sản phẩm công ty

Onflow OMS

Vai trò: Frontend developer chính

Hệ thống quản lý bán hàng đa kênh: gom đơn từ sàn, website và mạng xã hội về một màn hình, đồng bộ tồn kho và chuyển đơn sang kho fulfillment xử lý. Frontend được tái cấu trúc thành bảy module feature-based, thiết kế lại UI/UX, kèm data layer có type và quy tắc import do lint kiểm soát.

chu kỳ release
−50%
deploy nhanh hơn
>50%
file TypeScript, không còn JavaScript
2.1k
  • React
  • TypeScript
  • TanStack Query
  • React Hook Form
  • Vitest
Trang sản phẩm: Onflow OMS (mở trong tab mới)Ứng dụng (cần đăng nhập): Onflow OMS (mở trong tab mới)

Sản phẩm công ty, mã nguồn nội bộ

Sản phẩm công ty

Onflow Fulfillment Connect

Vai trò: Xây dựng từ đầu

Fulfillment Connect giúp doanh nghiệp giữ nguyên OMS hoặc ERP đang dùng và kết nối với dịch vụ fulfillment của Onflow. Đây là giao diện của sản phẩm: tạo và theo dõi vận đơn, xử lý hoàn trả, quản lý đơn nhập hàng, theo dõi tồn kho và xuất báo cáo. Phát hành qua feature flag.

module tính năng
9
tuần tới production
7
file test
197
  • React
  • TypeScript
  • Zustand
  • TanStack Query
  • Unleash
Trang sản phẩm: Onflow Fulfillment Connect (mở trong tab mới)Ứng dụng (cần đăng nhập): Onflow Fulfillment Connect (mở trong tab mới)

Sản phẩm công ty, mã nguồn nội bộ

Thư viện nội bộ

Onflow Shared Packages

Vai trò: Tác giả và maintainer

Thư viện frontend dùng chung của công ty: component, hook và runtime phát hành thành ba package npm nội bộ. UI, core (API client, session, analytics, feature flag) và config (preset ESLint, Prettier, TypeScript, git hook).

package đã phát hành
3
ứng dụng đang dùng
2
file test
173
  • React
  • TypeScript
  • Sass
  • ESLint
  • GitHub Packages

Sản phẩm công ty, mã nguồn nội bộ

Dự án khác

  • Onflow Operations System (OPS)

    Nơi cấu hình cho các sản phẩm khác của Onflow. Phát triển các màn hình nhập kho, xuất kho, vận chuyển và báo cáo.

    Công nghệ sử dụng: React · TypeScript · Redux Toolkit · TanStack Query

  • Warehouse Inbound Booking

    Form web đặt lịch nhập kho: lấy thông tin đơn nhập từ OMS, kiểm tra sức chứa từng khung giờ trên Google Sheets và tự phân bổ sang các khung giờ kế tiếp.

    Công nghệ sử dụng: Google Apps Script · Google Sheets · JavaScript

  • Taiga Sync for Google Sheets

    Menu trên Google Sheets cho product owner: đồng bộ epic và issue từ Taiga, theo dõi tiến độ user story, tạo hàng loạt từ các dòng trong sheet và tự đóng epic khi xong hết story.

    Công nghệ sử dụng: Google Apps Script · Taiga API · Google Sheets

  • Diamond Owl Solution Website

    Website doanh nghiệp cho một công ty dịch vụ công nghệ, dùng CMS Strapi và content API GraphQL.

    Công nghệ sử dụng: Next.js · Strapi · GraphQL · Docker

  • GBST Composer (mở trong tab mới)

    Nền tảng quản trị tài sản cho các nền tảng đầu tư, quỹ hưu trí và công ty bảo hiểm. Phát triển tính năng frontend bằng React.

    Công nghệ sử dụng: React · Jest

  • GBST Catalyst (mở trong tab mới)

    Cổng thông tin quản lý tài sản, nơi nhà đầu tư và cố vấn mở tài khoản, giao dịch và tự thao tác trực tuyến. Tính năng mới bằng React bên cạnh ứng dụng Ember.js.

    Công nghệ sử dụng: React · Ember.js · Jest

  • PAVN Marketplace

    Sàn giao dịch dịch vụ trực tuyến, render phía server.

    Công nghệ sử dụng: Next.js · React Query · Material UI

  • Bakery Online Store (mở trong tab mới)

    Ứng dụng e-commerce cho tiệm bánh: duyệt sản phẩm, giỏ hàng, thanh toán trực tuyến.

    Công nghệ sử dụng: Next.js · Theme UI · Strapi · MongoDB

Ghi chép từ công việc

Bài viết và chia sẻ

  • Bài viết

    Viết quy tắc một lần, bốn AI agent cùng làm theo

    Cách tôi cấu hình một repository frontend để Claude Code, Codex, Gemini CLI và Copilot cùng đọc một nguồn quy tắc: AGENTS.md làm gốc, skill tải theo nhu cầu, ba subagent chọn model theo việc, hook nối các phiên với nhau, và một linter cho chính cấu hình agent.

    Trên trang này · 9 phút

  • Bài viết

    Chuyển hơn 1.600 file JavaScript sang TypeScript strict trong 10 ngày

    Cách frontend của một hệ thống quản lý đơn hàng đang chạy production chuyển từ JavaScript sang TypeScript strict trong mười ngày: mười tháng dựng cấu trúc trước, chia lô nhỏ, AI agent có kiểm soát, và những lỗi thật mà việc đặt type tìm ra.

    Trên trang này · 6 phút

Nhận xét từ đồng nghiệp

Tóm tắt từ nhận xét của tech lead và đồng nghiệp dành cho tôi.

Có trách nhiệm với công việc, chịu khó tìm hiểu đến cùng những vấn đề mới, thích nghi nhanh với môi trường và sẵn sàng dành thêm thời gian khi dự án cần.

Tech LeadOnflow Fulfillment

Nhiệt huyết, hòa đồng và thân thiện. Hòa nhập nhanh với đội nhóm mới và luôn sẵn sàng hỗ trợ khi đồng nghiệp cần.

Đồng nghiệpOnflow và các công ty trước

Cùng trao đổi

Liên hệ

Sẵn sàng hợp tác

Bạn có sản phẩm cần xây dựng hoặc một codebase cần gỡ rối? Tôi rất sẵn lòng trao đổi.

Phù hợp
Dự án frontend và full-stack
Hình thức
Remote, hoặc tại TP. Hồ Chí Minh
Phản hồi
Thường trong vòng một ngày

Email

kiet080797@gmail.com
Tải CV

PDF, bản tiếng Việt