Catalog thiết bị thẩm mỹ và y khoa
NexZen Aesthetic & Health
Website doanh nghiệp cho chuỗi phòng khám thẩm mỹ Việt Nam. Hệ thống catalog, luồng đặt lịch và quản lý nội dung song ngữ.
Xây dựng với:Next.jsReactTypeScriptTailwind CSS
Sẵn sàng nhận việc · 2 năm kinh nghiệm thực chiến
Tôi xây giao diện web nhanh, dễ tiếp cận bằng React và Next.js
Kỹ sư Front-end làm việc tại Việt Nam. Tôi giúp các đội ngũ biến thiết kế Figma thành ứng dụng React production-ready với điểm Lighthouse 99% và code sạch, chuẩn ngữ nghĩa.
Đối tác đã tin tưởng:NexZen, Yun, Metacell, Retix.C, SKHH, Garden House
profile.tsx
const engineer = {
name: "Duy Noa",
role: "Frontend Developer",
experience: "2 Năm",
location: "Việt Nam",
status: "Sẵn sàng",
skills: [
"React", "Next.js", "TypeScript",
"TailwindCSS", "UI Engineering"
],
passionateAbout: "Web Performance"
};
Node.js 24 Sẵn sàng
Con số biết nói
Hai năm tạo ra tác động đo lường được
Mỗi dự án đều được xây dựng với ngân sách về hiệu năng, khả năng tiếp cận và SEO ngay từ ngày đầu.
- 2+
- Năm kinh nghiệm
- Bàn giao React production từ 2024
- 15+
- Tính năng đã giao
- Trên 6 ứng dụng production
- 100k+
- Người dùng cuối tiếp cận
- Theo số liệu analytics của khách hàng
- 99%
- Điểm Lighthouse trung bình
- Hiệu năng, A11y, chuẩn web, SEO
Số liệu phản ánh công việc bàn giao từ tháng 9/2024 đến nay.
Dự án tiêu biểu
Những dự án đã lên production
Thương mại điện tử trị liệu sinh học
Yun — Trị liệu sinh học Châu Âu
Nền tảng thương mại điện tử cho dòng dược mỹ phẩm sinh học Châu Âu. Danh sách sản phẩm, bộ lọc danh mục và tích hợp thanh toán.
Xây dựng với:Next.jsReactTailwind CSSREST APIE-commerce
Landing page thiết bị y tế
MCT Plasma Exosomes — Metacell
Landing platform cho thiết bị y tế đạt chuẩn MCT. Giáo dục bệnh nhân, giải thích liệu trình và luồng liên hệ bác sĩ.
Xây dựng với:ReactTypeScriptTailwind CSSFramer Motion
Trang thương hiệu chăm sóc da lâm sàng
Retix.C — Urgo Group Pháp
Trang thương hiệu cho dòng chống lão hóa tế bào Retix.C. Câu chuyện lâm sàng, quy trình trước/sau và hành trình sản phẩm cá nhân hóa.
Xây dựng với:Next.jsReactTailwind CSSSEO Optimization
Cổng thông tin sức khỏe và cửa hàng
Sức Khỏe Hoàn Hảo (SKHH)
Cổng thông tin sức khỏe và cửa hàng trực tuyến cho các bài thuốc y học cổ truyền Việt Nam. Bài viết chuyên đề, catalog sản phẩm và đặt lịch tư vấn.
Xây dựng với:Next.jsReactTailwind CSSE-commerceMobile-First
Portfolio xây dựng
Garden House Construction
Trang portfolio cho công ty xây dựng nhà ở. Thư viện dự án, tiến độ thi công và luồng yêu cầu báo giá tối ưu cho di động.
Xây dựng với:ReactTailwind CSSFramer MotionPortfolio Layout
Về tôi
Kỹ sư Front-end chuyên bàn giao sản phẩm
Chào bạn, tôi là Duy Noa
Tôi là Kỹ sư Front-end làm việc tại Việt Nam. Hai năm qua tôi đã đồng hành cùng các đội ngũ thiết kế và sản phẩm biến những mockup đầy tham vọng thành ứng dụng React và Next.js nhanh, dễ tiếp cận và dễ bảo trì.
Phương pháp làm việc của tôi dựa trên bốn thói quen: viết HTML chuẩn ngữ nghĩa, tối ưu render path của CSS, quản lý vòng đời render của React và đạt chuẩn WCAG AA. Tôi tin rằng front-end chỉ thực sự xong khi chạy mượt trên một chiếc điện thoại yếu qua sóng 4G chập chờn.
Tôi làm tốt nhất ở đâu
Ứng dụng single-page
Xây dựng giao diện phức tạp, hướng trạng thái bằng React và Next.js App Router.
Tối ưu hiệu năng
Tinh chỉnh Core Web Vitals, giảm bundle và cache đúng chỗ.
Design system
Tái cấu trúc pattern UI thành thư viện component dùng chung, đạt chuẩn tiếp cận.
Khả năng tiếp cận (WCAG AA)
Markup ngữ nghĩa, quản lý focus bàn phím, tương thích screen reader.
Kiến trúc trạng thái
Quản lý trạng thái client phức tạp bằng Zustand và React Context.
Build & Git operations
Cấu hình Vite, ESLint, Git flow và script deploy tự động.
Nơi tôi đã làm việc
Kinh nghiệm làm việc
Front-End Developer
FOSO Software Solutions Co., Ltd.Toàn thời gian- Product & Client Delivery: Thiết kế kiến trúc và phát triển các tính năng giao diện người dùng cho hệ thống giải pháp doanh nghiệp nội bộ (ERP, Nhân sự, Quản lý bán hàng) và các nền tảng thương mại điện tử phía khách hàng sử dụng Next.js, React.js và TypeScript.
- Performance & Data Optimization: Tích hợp TanStack Query để quản lý server-state cache và đồng bộ dữ liệu, loại bỏ các network request thừa và tăng tốc độ phản hồi giao diện tức thì.
- Design-to-Code Precision: Chuyển đổi các thiết kế Figma phức tạp thành các UI component pixel-perfect, chuẩn responsive và thân thiện với khả năng tiếp cận (a11y) sử dụng Tailwind CSS và component libraries.
Dự án & Sản phẩm tiêu biểu
hub.fmrp.vnEnterprise ERPHệ thống Quản lý Sản xuất & Hoạch định Tài nguyên (FMRP).
fososoft.comCorporate PortalWebsite doanh nghiệp chính thức với tỷ lệ chuyển đổi cao.
viethungauto.vnE-CommerceWebsite thương mại điện tử phụ tùng & phụ kiện ô tô.
maskforyou.vnE-CommerceWebsite bán lẻ trực tuyến sản phẩm y tế & tiêu dùng.
Front-End Developer
Xhero Link Technology & Media Co., Ltd.Toàn thời gian- Feature Development: Xây dựng các layout và module web responsive cho nền tảng thương mại điện tử và nhiều cổng thông tin khách hàng bằng Next.js, React.js và Material-UI.
- API Integration & Cross-Team Collaboration: Phối hợp chặt chẽ với backend engineers để tích hợp REST API, kiểm tra tính hợp lệ của payload và xử lý tối ưu các trạng thái lỗi phát sinh.
- UX & Interaction: Triển khai các tương tác UI mượt mà và dynamic forms, tối ưu hóa tỷ lệ giữ chân người dùng và tỷ lệ hoàn tất biểu mẫu.
Dự án & Sản phẩm tiêu biểu
Kỹ năng chuyên môn
Kỹ năng & Công nghệ
Các công cụ, kiến trúc và quy trình hiện đại tôi sử dụng hàng ngày để xây dựng sản phẩm tối ưu hiệu năng và độ ổn định cao.
Frameworks & Nền tảng cốt lõi
Xây dựng ứng dụng web hiện đại (SSR/SSG/SPA) chuẩn production, tối ưu tốc độ render và SEO.
- Next.js (App & Pages Router)
- React.js
- Server Components (RSC)
- Server Actions
Ngôn ngữ lập trình
Nền tảng vững chắc để viết mã nguồn sạch, ngữ nghĩa và kiểm soát kiểu dữ liệu chặt chẽ (Type-safe).
- TypeScript
- JavaScript (ES6+)
- HTML5
- CSS3 / SCSS
UI & Styling hiện đại
Hiện thực hóa bản vẽ chuẩn xác từng pixel, tích hợp animation mượt mà và hệ thống component nhất quán.
- Tailwind CSS
- shadcn/ui
- Material-UI
- Radix UI
- GSAP
- Framer Motion
Quản lý State & Dữ liệu
Đồng bộ hóa server-state, tối ưu bộ nhớ đệm (cache) và kiến trúc state toàn cục dễ bảo trì.
- TanStack Query
- Zustand
- Redux Toolkit
- Axios
Biểu mẫu & Xác thực dữ liệu
Xử lý dynamic forms phức tạp, xác thực dữ liệu theo schema (Zod/Yup) và tối ưu trải nghiệm người dùng.
- React Hook Form
- Formik
- Zod
- Yup
Triển khai & Vận hành (DevOps)
Cấu hình server Linux (Ubuntu), tiến trình PM2, reverse proxy Nginx và tự động hóa quy trình CI/CD.
- Linux (Ubuntu)
- Nginx
- PM2
- Vercel
- CI/CD (GitHub Actions)
Công cụ & Quy trình làm việc
Quản lý mã nguồn với Git/GitHub, kiểm thử API, quản lý tiến độ dự án và phối hợp thiết kế Figma.
- Git / GitHub
- Jira
- Postman
- Figma
Khách hàng nói gì
Được các đội ngũ y tế, xây dựng và SaaS tin tưởng
Bốn khách hàng tôi trực tiếp đồng hành trong 2024–2025.
“Duy Noa đã mang đến giải pháp giao diện tuyệt vời cho chuỗi dự án thẩm mỹ và y tế của chúng tôi. Trang web không chỉ đẹp mắt, chuyên nghiệp mà còn vận hành vô cùng mượt mà, giúp chúng tôi tiếp cận và xây dựng lòng tin với khách hàng hiệu quả.”
Phúc Hưng
Giám đốc — NexZen, Yun, Metacell, Retix.C
“Làm việc với Duy Noa là một trải nghiệm tuyệt vời. Cậu ấy đã chuyển đổi các yêu cầu thiết kế thành các trang web chuẩn đến từng pixel với hiệu ứng chuyển động mượt mà, thân thiện.”
Minh Phương
Phó Giám đốc — NexZen, Yun, Metacell, Retix.C
“Duy Noa xây dựng nền tảng y khoa của chúng tôi với sự tận tâm. Giao diện sạch sẽ, gọn gàng và vô cùng dễ dàng thao tác cho bệnh nhân tìm kiếm thông tin sức khỏe và bài thuốc.”
Tuấn Anh
Đại diện — Sức Khỏe Hoàn Hảo (SKHH)
“Trang web giới thiệu thi công mà Duy Noa phát triển phản ánh hoàn hảo tiêu chuẩn xây dựng của chúng tôi. Thư viện dự án hiển thị rất đẹp mắt và hoạt động mượt mà trên mọi thiết bị di động.”
Khôi
Đại diện — Garden House Construction
Câu hỏi thường gặp
Những câu khách hàng hay hỏi trước khi bắt đầu
Trả lời ngắn cho các điều mọi người thường muốn biết đầu tiên.
Sẵn sàng khi bạn cần
Dự án tiếp theo của bạn xứng đáng có giao diện nhanh hơn, dễ tiếp cận hơn.
Kể tôi nghe về dự án — phạm vi, timeline và thế nào là thành công. Tôi phản hồi trong vòng 24 giờ với bước tiếp theo rõ ràng.
Buổi trao đổi 30 phút miễn phí · Không ràng buộc