Skip to main content
Available for hire · 2 years of hands-on experience

I build fast, accessible web interfaces in React and Next.js

Front-end engineer based in Vietnam. I help teams turn Figma designs into production-ready React applications with 99% Lighthouse scores and clean, semantic code.

Trusted by teams behindNexZen, Yun, Metacell, Retix.C, SKHH, Garden House

By the numbers

Two years of measurable impact

Every project ships with performance, accessibility, and SEO budgets built in from day one.

2+
Years of experience
Shipping production React since 2024
15+
Features delivered
Across 6 production applications
100k+
End users reached
Reported by client analytics
99%
Average Lighthouse score
Performance, a11y, best-practices, SEO

Stats reflect work shipped between Sep 2024 and today.

Selected work

Projects shipped to production

NexZen Aesthetic & Health - Aesthetic & medical device catalog

Aesthetic & medical device catalog

NexZen Aesthetic & Health

Corporate website for a Vietnamese medical-aesthetic clinic chain. Custom catalog system, booking flow, and bilingual content management.

Built with:Next.jsReactTypeScriptTailwind CSS
Yun — European Biotherapeutics - Biotherapeutics e-commerce

Biotherapeutics e-commerce

Yun — European Biotherapeutics

E-commerce platform for premium European biological skincare products. Custom product listings, category filters, and payment integrations.

Built with:Next.jsReactTailwind CSSREST APIE-commerce
MCT Plasma Exosomes — Metacell - Medical device landing platform

Medical device landing platform

MCT Plasma Exosomes — Metacell

Landing platform for a certified MCT medical device. Patient education, treatment explainers, and clinician contact flows.

Built with:ReactTypeScriptTailwind CSSFramer Motion
Retix.C — Urgo Group France - Clinical skincare brand site

Clinical skincare brand site

Retix.C — Urgo Group France

Brand site for Retix.C's cellular anti-aging line. Clinical storytelling, before/after protocols, and personalized product journeys.

Built with:Next.jsReactTailwind CSSSEO Optimization
Perfect Health (SKHH) - Healthcare editorial + shop

Healthcare editorial + shop

Perfect Health (SKHH)

Healthcare information hub and online shop for traditional Vietnamese remedies. Editorial articles, product catalog, and consultation booking.

Built with:Next.jsReactTailwind CSSE-commerceMobile-First
Garden House Construction - Construction portfolio site

Construction portfolio site

Garden House Construction

Portfolio site for a residential construction company. Project gallery, build timeline, and quote-request flow optimized for mobile.

Built with:ReactTailwind CSSFramer MotionPortfolio Layout

About me

Front-end engineer who ships

Hi, I'm Duy Noa

I'm a Front-end Engineer based in Vietnam. For the past two years I've helped design and product teams turn ambitious UI mockups into React and Next.js applications that are fast, accessible, and easy to maintain.

My engineering approach is built on four habits: writing semantic HTML, optimizing CSS render paths, managing React render cycles, and meeting WCAG AA accessibility. I believe a front-end is only finished when it works flawlessly on a slow phone over a flaky 4G connection.

What I do best

Single-page applications

Building complex, state-driven interfaces with React and the Next.js App Router.

Performance tuning

Optimizing Core Web Vitals, trimming bundle size, and caching the right things.

Design systems

Refactoring UI patterns into accessible, reusable component libraries.

Accessibility (WCAG AA)

Semantic markup, keyboard focus management, and screen-reader compatibility.

State architecture

Managing complex client states with Zustand and React context.

Build & Git operations

Configuring Vite, ESLint, Git flows, and automated deploy scripts.

Where I've worked

Work experience

  1. Front-End Developer

    • Product & Client Delivery: Architected and maintained user-facing features for internal enterprise solutions (ERP, HR, Sales Management) and client-facing e-commerce platforms using Next.js, React.js, and TypeScript.
    • Performance & Data Optimization: Integrated TanStack Query for server-state caching and synchronization, reducing redundant network requests and speeding up perceived data load times.
    • Design-to-Code Precision: Translated complex Figma wireframes into responsive, pixel-perfect, accessible UI components utilizing Tailwind CSS and component libraries.
  2. Front-End Developer

    Xhero Link Technology & Media Co., Ltd.Full-time
    • Feature Development: Built responsive web layouts and modules for an e-commerce platform and multiple client portals using Next.js, React.js, and Material-UI.
    • API Integration & Cross-Team Collaboration: Collaborated closely with backend engineers to integrate REST APIs, validate payload structures, and handle edge-case error states gracefully.
    • UX & Interaction: Implemented fluid UI interactions and dynamic forms, improving user retention and form submission completion rates.

Technical Arsenal

Skills & Tech Stack

Modern frontend tools, architectures, and workflows I use to build scalable, high-performance web applications.

  • Frameworks & Core

    Architecting performant, production-ready single page and server-rendered web applications with React and Next.js.

    • Next.js (App & Pages Router)
    • React.js
    • Server Components (RSC)
    • Server Actions
  • Languages

    Core foundation for writing clean, strongly-typed, and semantic code.

    • TypeScript
    • JavaScript (ES6+)
    • HTML5
    • CSS3 / SCSS
  • UI & Modern Styling

    Pixel-perfect design execution, interactive micro-animations, and accessible component design systems.

    • Tailwind CSS
    • shadcn/ui
    • Material-UI
    • Radix UI
    • GSAP
    • Framer Motion
  • State & Data Fetching

    Efficient server-state synchronization, client caching, and predictable global state management.

    • TanStack Query
    • Zustand
    • Redux Toolkit
    • Axios
  • Forms & Validation

    Robust client-side form orchestration, schema-driven validation, and seamless UX error handling.

    • React Hook Form
    • Formik
    • Zod
    • Yup
  • Deployment & DevOps

    Linux (Ubuntu) server administration, PM2 process management, Nginx reverse proxying, and automated CI/CD pipelines.

    • Linux (Ubuntu)
    • Nginx
    • PM2
    • Vercel
    • CI/CD (GitHub Actions)
  • Tools & Workflow

    Collaborative version control, API testing, agile sprint management, and Figma design handoff.

    • Git / GitHub
    • Jira
    • Postman
    • Figma

What clients say

Trusted by teams shipping in healthcare, construction, and SaaS

Four clients I worked with directly in 2024–2025.

  • “Duy Noa delivered excellent interface solutions for our aesthetic and medical project series. The websites are not only visually stunning and professional but also run incredibly smoothly, helping us build trust with our clients effectively.”

    Phuc Hung

    Director — NexZen, Yun, Metacell, Retix.C

  • “Collaborating with Duy Noa was a great experience. He translated our design requirements into pixel-perfect pages with smooth, user-friendly animations.”

    Minh Phuong

    Deputy Director — NexZen, Yun, Metacell, Retix.C

  • “Duy Noa built our healthcare platform with dedicated care. The layout is clean and extremely easy to navigate for patients seeking health information and remedies.”

    Tuan Anh

    Representative — Perfect Health (SKHH)

  • “The construction showcase website Duy Noa developed perfectly represents our building standard. The portfolio gallery is beautiful and works flawlessly across mobile devices.”

    Khoi

    Representative — Garden House Construction

FAQ

Questions clients ask before we start

Short answers to the things people usually want to know first.

Ready when you are

Your next project deserves a faster, more accessible interface.

Tell me about your project — scope, timeline, and what success looks like. I respond within 24 hours with a clear next step.

Free 30-minute discovery call · No commitment