TNP.

About dossier / Sector 02

Frontend
operating thesis

The profile page now opens like a dossier instead of a stacked CV. It frames the delivery mindset first, then moves into systems, timeline, and 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

Building sharp
interfaces

Front-end developer with 2 years of experience building Web2, Web3, and internal business products with React, Next.js, and TypeScript.

Signal

React systems

Signal

Web3 flows

Signal

ERP discipline

Editorial telemetry wall illustration

Strong in dashboard-heavy interfaces, authentication and onboarding flows, complex forms, data visualization, and API-driven user journeys.

Works closely with designers, backend engineers, and QA to turn product requirements into stable releases; comfortable extending into NestJS-based integration work when needed.

Ship dense screens that still scan fast.

Translate backend constraints into calm UI states.

Use motion to explain state, not excuse weak hierarchy.

Timeline chapter / Delivery arcRail set-piece

Delivery
timeline

This timeline drops the sideways drift from /work so the dossier can keep a straighter reading rhythm, while the line and pins stay as a lighter telemetry layer.

Track by sector

Keep the line and pins as a light telemetry layer, while the content reads in a steadier vertical rhythm.

  1. 01Feb 2025 — May 2026

    Twendee Limited Software

    Front-end Developer

    • Built and maintained frontend features across Web3 consumer products and internal ERP tools using React, Next.js, and TypeScript, with an emphasis on responsive dashboards, form-heavy screens, and API-driven flows.

    • Owned the Project Evaluation module end-to-end in Twendee ERP (React 18 + Vite + HeroUI + React Query + Zod): role-based access, dual-role evaluation, design tokens, skeleton loaders, draft save, summaries hook, members management modal, and config-driven scoring across 8 user roles.

    • Delivered the v1 HR Offboarding handover flow, the country/nationality system (AddCountryModal + autocomplete), notification configuration UI, a StyledAutocomplete refactor across recruitment and HR forms, and DD/MM/YYYY localization with comma decimal separators.

    • Delivered wallet onboarding, transaction states, data visualizations, and role-based workflows across MoneyFi, Shiru, and Twendee ERP; also handled selected NestJS and Prisma integration tasks when features required coordinated frontend and API changes.

  2. 02Aug 2024 — Jan 2025

    Tinasoft JSC

    Front-end Developer

    • Developed reusable frontend modules in Next.js and TypeScript for client projects, prioritizing maintainable component structure, secure flows, and clean API integration.

    • Improved project organization and API-layer patterns to make feature delivery and bug fixing faster for the team.

  3. 03Jun 2024 — Aug 2024

    Viettel High Tech

    Software Intern

    • Supported research, data-flow tracing, and testing tasks for telecom-related systems in a structured engineering environment.

Systems map / Dense clustersStack inventory

Systems
map

The first cluster gets more width and a little magnetic pull. The rest stay dense and clean so this route does not collapse back into a flat grid.

Frontend Engineering

08

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

State, Forms & UI

09

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

Platform Integration

11

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

Backend, Testing & Tooling

15

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

Bench and
credentials

This closes the route with the formal engineering base, the smaller proof points that support it, and one real 3D object so the page does not end as plain text.

Formation

  • Graduated 05/2025

    Posts and Telecommunications Institute of Technology (PTIT)

    Bachelor of Engineering in Electronics and Telecommunications

    GPA: 3.45/4.00 — Classification: Distinction

Honors & certification

  • 3rd Prize — Twendee AI Hackathon
  • TOEIC Certificate — 710 / 990
  • Career Essentials in GitHub Professional Certificate