MINH HIEUFRONTEND ARCHITECT
Chapter 00 — The Threshold

Where stillness
reveals the
unseen craft.

High-performance web architecture, design systems & creative motion. 專注於 Next.js, React 與 WebGL。

Duong Minhle Portfolio
Duong Minhle Portfolio
Hanoi, VN ──── 2020 // 2025
Scroll to enter
00 // 04
01 — The Foundation

Charred cypress, clean systems, one path pursued.

清晰架構、極致效能與意圖明確的動態設計。

歷經五年以上沉澱,專注於工程嚴謹性與簡約美學的平衡 — 從高擴展性的 Next.js 架構到精緻的 WebGL 互動體驗。

我的旅程
Hanoi, Vietnam•5+ Years Production Systems
Quiet Architecture
02 — Still Gardens

精選專案

Selected Works(2020 — 2026)
01/
2026
Duong Minhle Portfolio

Creative Frontend / GSAP Motion—Creative Motion & 60fps Fluid Scroll

Next.js · React · TypeScript · GSAP · Tailwind CSS

02/
2024
Starlento Platform

Lead Frontend / SSR Architecture—Talent & Media Platform • SSR Streaming

Next.js · React · TypeScript · Redux Toolkit · CSS Modules

03/
2023
Equix Trading Portal

Frontend Engineer / Real-time UI—Real-time Trading & Financial CMS • SSE

React · TypeScript · SSE · Redux · Formik/Yup · Material UI

04/
2022
Metacity Ecosystem

Frontend Developer / Interactive UI—Web3 & Game Ecosystem • 60fps Responsive UI

Next.js · React · TypeScript · Sass · Redux

03 — Sacred Craft

Five chapters. Five years. One quiet mind.

工程軌跡:從百萬級電商速度優化到高頻即時金融交易系統。

01

COOLMATE

Headless Storefront Migration • Frontend Engineer

架構 Next.js App Router Headless Storefront。PageSpeed 由 29 提升至 94,達成次秒級頁面載入並提升轉換率。

Next.js App Router · TypeScript · Performance Tuning · Core Web Vitals

04/2024 - 至今
02

NOVUS FINTECH

Real-time Trading & Financial CMS • Frontend Engineer

透過 Server-Sent Events (SSE) 建構即時股票交易系統。開發 White-label 主題配置器與高安全金融表單驗證機制。

React · TypeScript · Realtime SSE · Theme Engine

08/2022 - 04/2024
03

METACITY

Interactive Web3 & Design Systems • Frontend Developer

開發互動式 Web3 頁面與設計系統。精準轉譯 Figma 高保真設計圖,達成流暢的響應式動態元件。

Next.js · React · Sass · Responsive UI

07/2021 - 08/2022
04

IT Lab FPOLY

Web Foundations & Component Lifecycle • Frontend Intern

建立 React 元件生命週期架構基礎,規範標準 Git Flow 工作流程與 Clean Code 實踐。

React · JavaScript ES6+ · HTML5/CSS3 · Git Workflow

2/2021 - 7/2021
04 — Disciplines & Tools

核心技術領域。

Core Toolkit
01

Core Frontend

  • React 19
  • Next.js 16
  • TypeScript
  • Tailwind CSS
  • Design Systems
02

Motion & 3D

  • Three.js
  • WebGL
  • GSAP ScrollTrigger
  • Lenis Scroll
  • Framer Motion
03

Realtime & State

  • Server-Sent Events (SSE)
  • REST API
  • Redux Toolkit
  • Auth Flows
  • Formik/Yup
04

Performance & Ops

  • Core Web Vitals
  • Lighthouse 90+
  • Vite / Turbopack
  • CI/CD
  • Docker / Linux
Chapter 05 — Afterlight

Afterlight

共同打造動人心弦的作品。

有令人興奮的專案想法嗎?我很樂意聽取您的想法。讓我們共同創造精彩的作品。

打聲招呼