TNP.

Hồ sơ / Sector 02

Frontend
operating thesis

Trang hồ sơ giờ mở như một dossier thay vì CV xếp tầng. Nó đặt mindset delivery lên trước, rồi mới đi vào system, timeline và credentials.

Delivery lanes
Web2 / Web3 / ERP
Focus
Dashboards + flows
Base
Ha Noi, VN
Portrait of Tran Nam Phong

Track build

SYSTEM BIO / 02

Layered circuit sculpture render
Systems chapter / Thesis layerSignal stack

Xây những
interface sắc nét

Lập trình viên Front-end với 2 năm kinh nghiệm xây dựng sản phẩm Web2, Web3 và hệ thống nghiệp vụ nội bộ bằng React, Next.js và TypeScript.

Signal

React systems

Signal

Web3 flows

Signal

ERP discipline

Editorial telemetry wall illustration

Mạnh về dashboard, luồng xác thực và onboarding, form nghiệp vụ phức tạp, trực quan dữ liệu và các hành trình người dùng phụ thuộc nhiều vào API.

Phối hợp tốt với Designer, Backend và QA để đưa yêu cầu sản phẩm lên production ổn định; có thể mở rộng sang phần integration với NestJS khi cần.

Ship màn hình dày nhưng vẫn quét nhanh.

Biến ràng buộc backend thành trạng thái UI bình tĩnh.

Dùng motion để giải thích trạng thái, không để che hierarchy yếu.

Timeline chapter / Delivery arcRail set-piece

Timeline
delivery

Timeline này bỏ hẳn cú drift ngang của /work để route hồ sơ giữ nhịp đọc thẳng, chỉ giữ lại line/pin như một lớp telemetry nhẹ.

Theo dõi theo sector

Giữ line và pin như lớp telemetry nhẹ, còn nội dung đọc theo nhịp dọc ổn định hơn.

  1. 0102/2025 — 05/2026

    Twendee Limited Software

    Lập trình viên Front-end

    • Phát triển và bảo trì các tính năng frontend cho sản phẩm Web3 và hệ thống ERP nội bộ bằng React, Next.js và TypeScript, tập trung vào dashboard responsive, màn hình nhiều form và các luồng phụ thuộc API.

    • Owner end-to-end module Đánh giá dự án (Project Evaluation) trong Twendee ERP (React 18 + Vite + HeroUI + React Query + Zod): phân quyền theo vai trò, đánh giá hai chiều (dual-role), design tokens, skeleton loader, lưu nháp, summaries hook, modal quản lý thành viên và cấu hình chấm điểm theo ngưỡng cho 8 vai trò người dùng.

    • Triển khai luồng Bàn giao Offboarding HR phiên bản v1, hệ thống quốc tịch (AddCountryModal + autocomplete), giao diện cấu hình thông báo, refactor StyledAutocomplete xuyên suốt các form Recruitment và HR, chuẩn hóa định dạng DD/MM/YYYY và dấu phẩy thập phân.

    • Triển khai onboarding ví, trạng thái giao dịch, trực quan dữ liệu và workflow phân quyền trên MoneyFi, Shiru và Twendee ERP; đồng thời xử lý thêm một số phần integration với NestJS và Prisma khi tính năng cần thay đổi đồng bộ frontend và API.

  2. 0208/2024 — 01/2025

    Tinasoft JSC

    Lập trình viên Front-end

    • Phát triển các module frontend bằng Next.js và TypeScript cho dự án khách hàng, ưu tiên cấu trúc component dễ bảo trì, luồng bảo mật và tích hợp API rõ ràng.

    • Cải thiện cách tổ chức dự án và API layer để team đẩy tính năng và sửa lỗi nhanh hơn.

  3. 0306/2024 — 08/2024

    Viettel High Tech

    Thực tập sinh phần mềm

    • Hỗ trợ nghiên cứu, theo dõi luồng dữ liệu và kiểm thử cho các bài toán liên quan hệ thống viễn thông trong môi trường kỹ thuật có quy trình chặt chẽ.

Systems map / Dense clustersStack inventory

Bản đồ
systems

Block đầu tiên được kéo rộng và có lực hút nhẹ, phần còn lại giữ đúng mật độ để route này không rơi về grid phẳng.

Kỹ thuật Frontend

08

items
  • React
  • Next.js
  • TypeScript
  • Tailwind CSS
  • SCSS
  • shadcn/ui
  • Material UI
  • HeroUI

Quản lý state, Form & UI

09

items
  • TanStack Query/Router
  • React Hook Form
  • Zod
  • Zustand
  • Redux Toolkit
  • D3
  • Chart.js
  • Recharts
  • Framer Motion

Tích hợp nền tảng

11

items
  • REST API
  • Axios interceptors
  • JWT auth
  • SIWE
  • Privy
  • wagmi
  • Aptos wallet adapter
  • Cloudflare Workers (Geo IP)
  • Cloudinary
  • Sentry
  • Google Analytics 4

Backend, kiểm thử & công cụ

15

items
  • NestJS
  • Express.js
  • Prisma
  • PostgreSQL
  • MCP server
  • Jest
  • React Testing Library
  • Playwright
  • Docker
  • GitHub
  • GitLab
  • Postman
  • Figma
  • Claude Code
  • Cursor
Credentials close / Bench layerFormal proof

Bench và
credentials

Route này đóng bằng nền tảng kỹ thuật chính thức cùng vài tín hiệu hỗ trợ, cộng thêm một object 3D thật để trang không kết thúc như text thuần.

Formation

  • Tốt nghiệp 05/2025

    Học viện Công nghệ Bưu chính Viễn thông (PTIT)

    Kỹ sư Điện tử Viễn thông

    GPA: 3.45/4.00 — Xếp loại: Giỏi

Honors & certification

  • Giải Ba — Twendee AI Hackathon
  • Chứng chỉ TOEIC — 710 / 990 điểm
  • Career Essentials in GitHub Professional Certificate