Hà Nội, Việt Nam — Full-Stack Intern @ OpenWay

TRẦN PHƯƠNGNAM

Web Engineer & Fullstack Developer — Next.js ở frontend, NestJS/GraphQL ở backend. Đã đưa vào chạy thật tích hợp core-banking, game realtime và vài sản phẩm web trên tên miền riêng.

scroll
Trần Phương Nam
HUST · CS2005
01 — Giới thiệu

Ham học hỏi, thích mày mò đến tận gốc vấn đề.

Chào bạn, tôi là Trần Phương Nam, sinh viên ngành Khoa học Máy tính tại Đại học Bách khoa Hà Nội (HUST). Tôi đang là Full-Stack Developer Intern tại OpenWay, trước đó là Frontend React Intern tại Vitex Software JSC.

Nền tảng frontend của tôi là React và Next.js, đi kèm kinh nghiệm backend thực tế với NestJS, GraphQL, PostgreSQL, MongoDB và Redis. Tôi thích tự đi hết một tính năng — từ giao diện, API, cơ sở dữ liệu cho tới lúc Docker hoá và deploy lên server thật.

6
Dự án đã deploy
2
Kỳ thực tập tại doanh nghiệp
HUST
Khoa học Máy tính
02 — Kỹ năng

Bộ công cụ hằng ngày

Từ giao diện tới cơ sở dữ liệu, rồi Docker hoá và deploy — một mình đi hết vòng đời sản phẩm.

FRONTEND
Next.js · React
TypeScript · Tailwind CSS · Radix UI · Redux Toolkit · TanStack Query · SSR/SSG · i18next
BACKEND
NestJS · Node.js
Kiến trúc module · JWT · RBAC · Socket.IO · microservices
API
GraphQL · REST
Apollo · SOAP/XML · gRPC · thiết kế schema có kiểu chặt chẽ
DATABASE
PostgreSQL · MongoDB
Prisma ORM · Redis · MongoDB Atlas · thiết kế schema
CLOUD / DEVOPS
Docker · AWS
Lightsail · Vercel · Railway · Caddy · Cloudflare Tunnel · Tailscale · CI/CD
TOOLS
Git · Figma
GitHub · Storybook · NextAuth · Valtio · quy trình Scrum
03 — Dự án

Sản phẩm đang chạy thật

*.namtrandev.site
WAY4 Client PortalLIVE

WAY4 Client Portal

2026 · OpenWay
way4intern.namtrandev.site

Cổng nghiệp vụ nối vào lõi core-banking WAY4. Thay vì để frontend tự xử lý SOAP/XML, tôi dựng một gateway GraphQL có kiểu chặt chẽ cho các thao tác tạo và tra cứu khách hàng; phần bảo mật gồm JWT ngắn hạn, refresh token xoay vòng trong cookie HTTP-only, blacklist khi đăng xuất, rate limit và phân quyền theo vai trò.

Next.jsNestJSGraphQLPostgreSQLRedisDocker
4PlayersLIVE

4Players

2026
4players.namtrandev.site

Game bóng đá 2v2 thời gian thực. Kiến trúc server-authoritative với Socket.IO và vòng lặp mô phỏng tất định 30 Hz — client chỉ gửi input, không tự quyết vị trí, nên gần như không thể gian lận. Có client-side prediction, reconciliation và entity interpolation để thao tác vẫn mượt khi mạng trễ, cùng engine va chạm tự viết và render Canvas 2D theo fixed timestep.

Socket.IOCanvas 2DNode.jsNext.jsAWS Lightsail
PAPRODUCTION

PlanZ AI

2026 · Vitex
Sản phẩm nội bộ — Vitex Software JSC

Nền tảng quản lý công việc đang chạy production. Tôi bổ sung xuất Excel/in ấn, cập nhật dashboard theo thời gian thực, cùng các màn lịch, thông báo, sự kiện, cài đặt và hồ sơ. Song song đó xử lý các lỗi nghiêm trọng ở Kanban, phân loại task và kiểm soát truy cập qua URL.

Next.js 15React 19TanStack QueryRadix UIi18nextStorybook
SportEntLIVE

SportEnt

2026
sportent.namtrandev.site

Nền tảng quản lý thể thao làm trọn gói từ giao diện người dùng tới API. Mô hình hoá dữ liệu thể thao nhiều quan hệ, tối ưu hiệu năng responsive, dựng CI/CD rồi đưa lên chạy thật: frontend trên Vercel, backend trên Railway, dữ liệu trên MongoDB Atlas.

Next.jsNestJSMongoDBVercelRailway
TutorMatchLIVE

TutorMatch

2025
tutormatch.namtrandev.site

Nền tảng kết nối gia sư và học sinh: tìm theo môn học, khu vực và lịch rảnh, đặt lịch rồi theo dõi buổi học ở một nơi. Backend chia module rõ ràng, frontend dùng lại component — nhờ vậy codebase vẫn dễ đọc khi số tính năng và quan hệ dữ liệu lớn dần.

Next.jsNestJSTypeScriptMongoDBREST API
THPT 2026LIVE

THPT 2026

2026
thpt2026.namtrandev.site

Trợ thủ cho kỳ thi THPT 2026: tra cứu điểm chuẩn, ôn luyện và tính toán nguyện vọng cho học sinh cuối cấp.

Next.jsTailwindMongoDB
04 — Hành trình

Học vấn & kinh nghiệm

Từ giảng đường Bách khoa tới sản phẩm chạy thật trong doanh nghiệp — ba năm đi theo một hướng.

2023 — nay

Khoa học Máy tính — Đại học Bách khoa Hà Nội

Nền tảng thuật toán, cấu trúc dữ liệu, cơ sở dữ liệu, mạng máy tính và kỹ thuật phần mềm.

08/2025 — 09/2025

TutorMatch — sản phẩm fullstack đầu tiên tự deploy

Next.js và NestJS trở thành bộ đôi chính. Lần đầu đi trọn một vòng: thiết kế API, dựng giao diện, rồi đưa lên tên miền riêng.

09/2025 — 03/2026

Frontend React Intern — Vitex Software JSC

Làm PlanZ AI, Sportech và SportEnt trong môi trường Scrum: chuyển thiết kế Figma thành component dùng lại được, xử lý routing, đa ngôn ngữ, dashboard và lịch biểu.

2026

Xây hệ sinh thái namtrandev.site

SportEnt, THPT 2026 và 4Players — mỗi dự án một subdomain, tự dựng CI/CD, tự vận hành trên Vercel, Railway và AWS Lightsail.

07/2026 — nay

Full-Stack Developer Intern — OpenWay

Cổng khách hàng tích hợp core-banking WAY4: frontend Next.js, backend NestJS/GraphQL với PostgreSQL, Prisma, Redis; deploy qua Docker, Caddy, Cloudflare Tunnel và Tailscale.