Frontend
Rê chuột vào danh sách để tạm dừng dòng công nghệ.
- HTML
- CSS
- JavaScript
- TypeScript
ABOUT ME
Vu Trong Tan
Xin chào, chào mừng bạn đến với portfolio của mình.
Mình là Frontend Developer 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.
Kỹ năng
Framework & UI
Rê chuột vào danh sách để tạm dừng dòng công nghệ.
- React
- Next.js
- Tailwind CSS
- Framer Motion
- shadcn/ui
Backend, API & Docs
Rê chuột vào danh sách để tạm dừng dòng công nghệ.
- Node.js
- Express
- NestJS
- REST API
- GraphQL
- Swagger
- Bruno
Data, Tools & Platform
Rê chuột vào danh sách để tạm dừng dòng công nghệ.
- MongoDB
- PostgreSQL
- Supabase
- Git
- GitHub
- Docker
- Vercel
- Render
- Jira
- CI/CD
Featured Projects
- 01
Production Developer Portfolio
Portfolio cá nhân được xây dựng như một sản phẩm production, tập trung vào SEO, accessibility, performance và khả năng mở rộng nội dung.
- Next.js
- TypeScript
- Tailwind CSS
- Framer Motion
- Metadata API
- 02
Frontend Architecture Dashboard
Dashboard quản trị được thiết kế để hiển thị dữ liệu nghiệp vụ rõ ràng, giảm cognitive load và giữ trải nghiệm ổn định khi mở rộng module.
- React
- TypeScript
- Tailwind CSS
- REST API
- ESLint
- 03
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
Kinh nghiệm
- Đ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
- 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
- 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
Education
Bachelor of Information Technology
University Name
Built a foundation in software engineering, databases, and web development.
Kỹ năng
- Software Engineering
- Database
- Web Development
Professional Development
Frontend Development
Developing production-ready interfaces with a focus on quality, accessibility, and performance.
Kỹ năng
- React
- Next.js
- TypeScript
- Tailwind CSS
Professional Practice
Production Frontend Engineering
Building production-ready interfaces with an emphasis on maintainable architecture, accessibility, and performance.
Kỹ năng
- React
- Next.js
- TypeScript
- Performance
Currently Learning
Hiện nayBackend & Software Engineering
Expanding into backend systems and engineering practices for more complete product ownership.
Kỹ năng
- Node.js
- MongoDB
- Docker
- System Design
Sở thích
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.