Bỏ qua điều hướng
Logo Vũ Trọng TấnVũ Trọng Tấn portfolio
Giới thiệu

Vũ Trọng Tấn

Xin chào, mình là Vũ Trọng Tấn. Chào mừng bạn đến với portfolio của mình.

Mình là Frontend Developer tại Hà Nội với 1 năm kinh nghiệm, hiện đang làm việc tại Công Ty TNHH Công Nghệ BEATCOLOR. Công việc của mình tập trung vào phát triển giao diện web responsive, chuyển đổi thiết kế thành sản phẩm thực tế và tối ưu trải nghiệm người dùng.

Mình đề cao teamwork, giao tiếp rõ ràng và những giải pháp thực tế có thể vận hành ổn định trong môi trường production.

Xem dự ánTải CV

Kỹ năng

  • HTML
  • CSS
  • JavaScript
  • TypeScript
  • React
  • Next.js
  • Tailwind CSS
  • shadcn/ui
  • Node.js

Dự án nổi bật

  1. 01

    Vũ Trọng Tấn — My Portfolio

    Một portfolio mình tự thiết kế và xây dựng để ghi lại những dự án đã làm, những thứ đang học và hành trình phát triển từ Frontend đến Fullstack.

    • Next.js
    • TypeScript
    • Tailwind CSS
    • Responsive
    • Accessibility
    Xem chi tiếtLive preview
  2. 02
    Dashboard Expense Hub với KPI chi tiêu tháng, biểu đồ danh mục và xu hướng ba tháng.

    Expense Hub — Quản lý chi tiêu nhóm

    Expense Hub giúp nhóm ở chung ghi nhận khoản chi, chia tiền minh bạch và đối soát cuối tháng để mọi thành viên biết chính xác cần trả hoặc nhận bao nhiêu.

    • Next.js
    • TypeScript
    • Tailwind CSS
    • NestJS
    • Prisma
    • PostgreSQL
    Xem chi tiếtLive preview
  3. 03
    Optimized preview of a storefront product grid with stable image, copy, price, and call-to-action regions.

    Performance-focused Storefront

    Storefront tối ưu trải nghiệm mua hàng bằng nội dung rõ ràng, image strategy có kiểm soát và component phục vụ SEO thương mại.

    • Next.js
    • TypeScript
    • Tailwind CSS
    • next/image
    • JSON-LD
    Xem chi tiếtLive preview

Kinh nghiệm

  1. Đang thực hiện

    Frontend Developer

    Portfolio and Product UI Systems

    Thời gian
    2026 - Present
    Địa điểm
    Vietnam / Remote
    Hình thức làm việc
    Project-based

    Xây dựng portfolio developer theo hướng production, tập trung vào information architecture, design system, semantic HTML, SEO technical foundation và trải nghiệm responsive có thể mở rộng.

    Phạm vi công việc

    • Thiết kế section architecture cho Hero, About, Tech Stack, Featured Projects và Experience.
    • Tách nội dung portfolio thành data model có type safety để dễ cập nhật, review và mở rộng.
    • Giữ homepage mỏng, ưu tiên server component và chỉ dùng motion ở lớp progressive enhancement.

    Tác động

    • Tạo nền tảng rõ ràng để recruiter quét nhanh năng lực frontend, performance và architecture.
    • Giảm rủi ro layout shift bằng responsive grid, heading hierarchy và component boundary ổn định.
    • Chuẩn bị sẵn cấu trúc cho các phase SEO, schema, image optimization và accessibility audit.

    Công nghệ liên quan

    • Next.js
    • TypeScript
    • Tailwind CSS
    • Framer Motion
    • shadcn/ui
  2. Hoàn thành

    Performance and Accessibility Engineer

    Production Web Experience

    Thời gian
    2025 - 2026
    Địa điểm
    Vietnam / Remote
    Hình thức làm việc
    Practice and case-study work

    Tối ưu giao diện web theo các nguyên tắc Core Web Vitals, accessibility, keyboard navigation và nội dung dễ đọc trên nhiều kích thước màn hình.

    Phạm vi công việc

    • Phân tích rendering cost, JavaScript cần thiết, layout stability và chiến lược tải tài nguyên.
    • Thiết kế focus visible, landmark, heading order và trạng thái tương tác thân thiện với bàn phím.
    • Chuẩn hóa loading, empty state, card, badge, timeline và section pattern cho UI có tính hệ thống.

    Tác động

    • Cải thiện khả năng đọc nội dung và điều hướng bằng semantic HTML thay vì phụ thuộc vào visual-only layout.
    • Tạo performance budget rõ ràng cho LCP, CLS, bundle size và animation cost.
    • Giúp mỗi section có thể audit độc lập trong các phase Accessibility và Performance sau.

    Công nghệ liên quan

    • React
    • TypeScript
    • Tailwind CSS
    • ESLint
    • Prettier
  3. Hoàn thành

    Frontend Integration Developer

    API-connected Web Applications

    Thời gian
    2024 - 2025
    Địa điểm
    Vietnam / Remote
    Hình thức làm việc
    Learning and implementation

    Xây dựng nền tảng full-stack đủ để làm việc hiệu quả với backend, API contract, database model và quy trình delivery khi phát triển frontend production.

    Phạm vi công việc

    • Kết nối UI với REST API, GraphQL concept, authentication flow và dữ liệu có trạng thái lỗi, rỗng, tải.
    • Làm việc với Node.js, Express, NestJS, MongoDB và PostgreSQL ở mức đủ hiểu contract và constraint.
    • Dùng Git, GitHub, lint, type check và build pipeline để giữ thay đổi có thể review và deploy.

    Tác động

    • Giao tiếp tốt hơn với backend nhờ hiểu data shape, error state, pagination và validation.
    • Thiết kế component ít phụ thuộc vào nguồn dữ liệu cụ thể, dễ thay mock bằng API thật.
    • Tăng độ tin cậy khi chuyển từ giao diện tĩnh sang sản phẩm có dữ liệu và deployment thật.

    Công nghệ liên quan

    • Node.js
    • Express
    • NestJS
    • MongoDB
    • PostgreSQL
    • GitHub

Học tập

  1. Học vấn

    Tải bảng điểm

    Cử nhân Kỹ thuật phần mềm — GPA: 3,24/4,0

    Đại học Công nghiệp Hà Nội (HaUI)Khoa Công nghệ Thông tin

    Xây dựng nền tảng vững chắc về kỹ thuật phần mềm và phát triển web hiện đại thông qua chương trình học cùng các dự án thực tế, tập trung vào khả năng mở rộng và bảo trì ứng dụng.

    Kỹ năng

    • Kỹ thuật phần mềm
    • Phát triển web
    • Cơ sở dữ liệu
    • Lập trình hướng đối tượng
    • Kiến trúc phần mềm

  2. Phát triển chuyên môn

    Phát triển Frontend

    Phát triển giao diện sẵn sàng cho môi trường production, chú trọng chất lượng, khả năng tiếp cận và hiệu năng.

    Kỹ năng

    • React
    • Next.js
    • TypeScript
    • Tailwind CSS

  3. Thực hành chuyên môn

    Kỹ thuật Frontend chuẩn production

    Xây dựng giao diện sẵn sàng đưa vào vận hành, ưu tiên kiến trúc dễ bảo trì, khả năng tiếp cận và hiệu năng.

    Kỹ năng

    • React
    • Next.js
    • TypeScript
    • Tối ưu hiệu năng

  4. Đang học

    Hiện nay

    Backend và Kỹ thuật phần mềm

    Mở rộng kiến thức về hệ thống backend và các phương pháp kỹ thuật để có thể đảm nhận sản phẩm một cách toàn diện hơn.

    Kỹ năng

    • Node.js
    • MongoDB
    • Docker
    • Thiết kế hệ thống

Sở thích

Capybara vẽ tay với biểu cảm tò mò trên nền xanh.
Capybara tò mò
Capybara vẽ tay làm dấu hòa bình trên nền xanh.
Dấu hòa bình
Capybara vẽ tay chắp tay trên nền xanh.
Lời hứa nhỏ
Capybara vẽ tay ló ra từ cạnh dọc trên nền xanh.
Ú òa
Capybara vẽ tay mặc trang phục quả anh đào trên nền xanh.
Capybara anh đào
Capybara vẽ tay mặc trang phục ngôi sao trên nền xanh.
Capybara ngôi sao
Capybara vẽ tay mỉm cười, chắp tay trên nền xanh.
Ý tưởng sáng
Capybara vẽ tay với đôi mắt xoắn, đang lơ lửng trên nền xanh.
Ngày choáng váng
Capybara vẽ tay trượt ván trên đường dốc tuyết và nền trời xanh.
Đường trượt tuyết
Capybara vẽ tay cầm những mảnh giấy đang bay trên nền xanh.
Ý tưởng khắp nơi

Lời kết

Một lời nhắn cuối

Cảm ơn bạn đã ở đây.

Mỗi dòng code, mỗi thử thách và mỗi dự án đều là một phần trên hành trình của mình.

“Tiếp tục xây dựng. Tiếp tục phát triển.”

Hết rồi.

Chú vịt trắng vui vẻ giơ tay tạo ký hiệu chiến thắng trên nền xanh.
“Mới thấy chút thành quả đã cho là thành công, ấy là tư duy của kẻ kém cỏi.”