now playing

01 / 02

Ẩn Danh

PROFILE.SYS

0:000:00

âm thanh tổng hợp · nguồn nội bộ

M phát/dừng · [] đổi bài

Đang nhận dự án mớiBắc Ninh, Việt Nam--:-- ICT

Sản phẩm kỹ thuật cho những người không chấp nhận thứ tầm thường.

Tôi là Quách Hưng. Sau thời gian tôi đã trải qua rất nhiều bài hoc rất quý giá dúc kết lai rất nhiều bài hoc đáng quý . Và tôi xin khép lai quá trình làm coder tai dây . Cảm ơn vì đã là 1 phần thanh xuân của tôi.

GitHubLinkedInXDribbble
Năm kinh nghiệm

0+

Năm kinh nghiệm

từ cuối 2024

Sản phẩm đã ship

0

Sản phẩm đã ship

web · SaaS · tooling

Công nghệ chính

0

Công nghệ chính

hàng ngày dùng

Lighthouse trung bình

0

Lighthouse trung bình

4 dự án gần nhất

01/Manifesto

Tôi nghĩ gì về nghề này

Không phải lời tự trào chuyện dài — chỉ là những điều tôi thực sự tin, và cách tôi biến chúng thành sản phẩm.

Tôi tin rằng phần lớn phần mềm đều chưa đủ tốt — và đó là lời hứa, không phải lời xin lỗi.

01 / Quan điểm

Tôi bắt đầu từ thiết kế giao diện, rồi đi sâu vào front-end, và giờ dành phần lớn thời gian cho kiến trúc hệ thống. Ba nước đi đó không phải ba sự nghiệp — chúng là ba lớp của cùng một nghề: làm cho một sản phẩm trở nên tự nhiên đến mức người dùng không phải nghĩ.

02 / Thực hành

Tôi ghét những giao diện cần hướng dẫn sử dụng. Ghét hiệu ứng tồn tại để khoe. Ghét một sản phẩm phải mất ba giây để tải xong. Nên phần lớn công việc của tôi là thứ không ai kịp nhận ra: một cách gạch chân không nhảy, một danh sách không giật khi có 10.000 dòng, một trang không nhấp nháy trên mạng yếu.

03 / Tiêu chuẩn

Ngoài giờ làm, tôi viết bài, đóng góp mã nguồn mở và xây những side project nhỏ để liên tục học. Tôi đo mọi thứ bằng Core Web Vitals và bằng cảm giác của người dùng khi tay họ đang cầm điện thoại trên xe buýt.

Code tốt nhất là code mà
đội ngũ sau vẫn đọc được.

— Viết để người sau đọc được

  • 01

    Tốc độ là một thị giác

    Một giao diện chậm 400ms không “chậm hơn” — nó khiến người ta nghi ngờ chất lượng phần còn lại. Tôi coi mọi millisecond là một quyết định thiết kế.

  • 02

    Chi tiết cuối cùng mới là chi tiết đắt

    Padding lệch 2px, chữ không cùng baseline, icon đặt lệch 1px — người dùng không gọi tên được, nhưng vẫn cảm thấy. Tôi soi từng pixel một.

  • 03

    Ít hơn, nhưng sâu hơn

    Mọi chuyển động đều phải có lý do và phải dừng lại được. Một hiệu ứng hay hơn một tách dễ chịu là một tách dễ chịu.

  • 04

    Viết để người sau đọc được

    Code là tài liệu lâu dài. Tôi ưu tiên cấu trúc rõ, đặt tên đúng và bỏ mọi thừa — kể cả khi thừa là của chính mình.

Cam kếtLighthouse 90+ trên mọi trang

02/Atlas

Sơ đồ hồ sơ

Một nút gốc tỏa ra các nhánh, mỗi nhánh là một phần của trang này. Chọn một nhánh để xem chi tiết và điều hướng tới.

    • Quách Hưng
    • Product Engineer
    • Bắc Ninh, Việt Nam
    Mở section
    • Tuyên ngôn
    • 4 nguyên tắc
    • Cam kết tốc độ
    Mở section
    • Frontend
    • Backend
    • Hạ tầng
    • Craft
    Mở section
    • 2024-2025
    • 2025-nay
    Mở section
    • Dashboard realtime
    • Design system
    • Edge tooling
    • Offline-first
    • Dashboard termul
    Mở section
    • Lệnh tương tác
    • Nhịp commit
    • Mã nguồn mở
    Mở section
    • qhvn@david.dev
    • Hợp tác
    • Tư vấn kiến trúc
    Mở section

03/Capability

Bốn miền, một cách làm

Mỗi miền có mức tự tin khác nhau và tôi nói thẳng con số đó. Dùng phím ↑ ↓ để chuyển miền.

94%

6 công cụ

Frontend

Mức tự tin

Giao diện nhanh, mượt, đúng chuẩn accessibility

  • React19 · RSC
  • Next.jsApp Router
  • TypeScriptstrict
  • Tailwindv4
  • Web AnimationsGPU-only
  • tRPCend-to-end types
Hàng ngày dùng
ReactNext.jsTypeScriptTailwind CSSNode.jsPostgreSQLPrismaDockerAWSGitHub ActionsRedistRPCFigmaPlaywrightRustWebGPUReactNext.jsTypeScriptTailwind CSSNode.jsPostgreSQLPrismaDockerAWSGitHub ActionsRedistRPCFigmaPlaywrightRustWebGPU

04/Trajectory

Hai chặng, hai năm

Không phải lịch sử — chỉ là những giai đoạn tôi học được điều gì, và số đo để lại.

  1. 2025

    2025 — nay

    Bắc Ninh

    Senior Product Engineer

    @ CTV HJHiện tại

    Tâp trung phát triển các web giải trí hay.

    • React
    • TypeScript
    • Design System
    • −71%

      LCP

    • +40%

      Ship speed

  2. 2024

    2024 — 2025

    Remote

    Fullstack Developer

    @ Startup XYZ

    Xây SaaS từ 0 lên 1: kiến trúc, database, thanh toán và hạ tầng deploy phục vụ nhiều người ( Tuy Nhiên non trẻ nên cơ sở ha tầng dã bi sâp và thiêt hai lớn ).

    • Next.js
    • PostgreSQL
    • AWS
    • 40k

      Users

Những thứ đã tồn tại

Từ ý tưởng, thiết kế, cho tới khi nó chạy trên máy thật. Mỗi dự án dưới đây đều đang ở trạng thái dùng được.

Dự án dẫn nhạc

Project Zephi

Dashboard termul

Kiến trúc & giao diện

Event/ngày
197K
p95 render
9ms
Bundle
−38%

Bộ lọc

0 dự án khớp bộ lọc này.

Muốn xem thứ gì khác?

Tôi có thể gửi bộ case study đầy đủ kèm số đo hiệu năng.

Xin bộ case study

06/Console

Hỏi trực tiếp, nhận câu trả lời thật

Một terminal chạy trong trang. Gõ lệnh như đang dùng máy thật — hoặc bấm vào một lệnh gợi ý để chạy thử.

@quachhungev — bashtty0

↑ ↓ lịch sử · Esc bỏ qua · con trỏ đã ẩn, gõ vẫn hiện

Nhịp code · 2025

12 tuần

0đóng góp

ÍtNhiều

chuỗi 9 ngày · đỉnh 1

Nguồn số liệu

Siuuuuuu. Muốn số thật thì nối GitHub GraphQL — chỗ cần thay nằm ngay trong data/profile.ts.

Mở kênh

Cùng tạo ra thứ gì đó đáng nhớ.

Dự án mới, hợp tác dài hạn, tư vấn kiến trúc — hoặc đơn giản là muốn trao đổi về công nghệ. Tôi đọc mọi tin nhắn và trả lời thật lòng. (Tôi đã off rồi a)

Gửi tin nhắn

Ngân sách dự kiến
Bạn cần gì?

Trả lời trong Mãi Mãi · không spam

08/Universe

MY DIGITAL UNIVERSE

Hồ sơ của tôi, vẽ thành quỹ đạo. Mỗi node là một phần đã có trong trang này — dự án, miền năng lực, công nghệ, chặng đường, cổng liên hệ. Bật nhạc và ngắm nó thở theo.

  • lõi
  • miền
  • ngôi sao kỹ năng
  • tiểu hành tinh công cụ
  • hành tinh dự án
  • sao chặng
  • cổng liên hệ

Quách Hưng

Product Engineer

role
Product Engineer & Interface Architect
where
Bắc Ninh, Việt Nam
zone
ICT (UTC+7)
status
Đang nhận dự án mới
FrontendBackendHạ tầng

Product Engineer & Interface Architect. Bắc Ninh, Việt Nam · ICT. Đang nhận dự án mới.

Bản đồ này không có nội dung nào mới: mọi node đều trỏ về dữ liệu thật trong hồ sơ của Quách Hưng. Rê vào một công nghệ để xem nó chạm tới dự án nào. Bật nhạc nền ở góc trái dưới rồi mở vũ trụ toàn màn hình nếu muốn xem phần còn lại của hồ sơ chớp theo nhịp.