NOTICE BOARD

PORTFOLIOCAREERCOSMIXONLINE
Introduction
Ngo Duc Thang

Ngo Duc Thang
Frontend Engineer · React / Next.js

Hover it

Ngo Duc Thang

Frontend Engineer · React / Next.js

ONLINE
Direction
Build complete website systems, ensure interactivity, and focus on performance.
Expertise

I develop scalable frontend systems with React and Next.js. I can create and combine complex UI interactions with clean, maintainable architecture that adapts across devices.

Skills
UI effects (GSAP)
Performance optimization
Design systems
Architecture
Versatile across devices
Effective state management
Reference
Experience
4+
Projects contributed
10+
Responsibility
High
Location
Vietnam, Hanoi

See more detailed information and the full content

Full content is available to view

Growth journey

Current direction

Advanced patterns

Component composition, hook abstraction

UI animation & motion

GSAP timelines, scroll-based interactions

Frontend architecture

Structure, separation of concerns

Performance mindset

Bundle size, render cost, animation cost

Growth journey

2022

Learning React, Node.js, database, and related frameworks

Solid grasp of core concepts and component architecture

2023

Performance and improving product speed

Advanced state management and scalable patterns

2024

Animation & UX

Motion design and user experience optimization

2025

Systems thinking

Design systems and architectural patterns

Learning resources

books
Certificates & courses
Frontend Masters, backend development
magnifier
Self-directed learning
University, RFCs, open source
palette
Design system research
Industry study

------------------------------------

See more detailed information and the full content

Full content is available to view

Technology & direction

Tools chosen on purpose, not by trend

Layered architecture

Interactive
UI & effects layer
Frontend layer (React / Next)
Backend & logic layer
Database & infrastructure layer

Technologies

React / Next.js

In-depth

Modern UI with SSR/SSG and a component-based approach

TypeScript

In-depth

Type safety across FE & BE

Database

Proficient

Designing and optimizing data with PostgreSQL and MySQL

Node.js & NestJS

Proficient

Building APIs and server-side business logic

Supporting tools

Build & Dev
Next.js 15
Turbopack
ESLint
Prettier
Styling
Tailwind v4
SCSS Modules
CSS Variables
Animation
GSAP
Lenis
SplitType
State & Data
Zustand
React Query
Zod

Stack philosophy

Choose tools based on the problem, not popularity
Prefer systems that scale cleanly across frontend, backend, and database
Clear design between data flow and UI
Maintainability over complex clever solutions

"I understand how data, logic, and UI connect — not just isolated pieces."

See more detailed information and the full content

Full content is available to view

Certificates & verification

Verified credentials from assessment platforms

Frontend Developer (React)
Verified

Frontend Developer (React)

HackerRank
2025

Timed skills assessment focused on React fundamentals and practical frontend problem-solving

React Frontend Advanced
Top 10%

React Frontend Advanced

Credmark
2025

React Frontend credential badge awarded for top percentile performance

Advanced Next.js
Professional

Advanced Next.js

Coursera
2025

Application architecture with App Router, SSR strategy, and production optimization

NestJS Backend Architecture
Professional

NestJS Backend Architecture

Coursera
2025

Building modular APIs, authentication flow, and maintainable service layers

Learning sources

Frontend Masters
Advanced courses
Official documentation & RFCs
Primary sources
Open source exploration
Community projects
System design & backend patterns
System architecture

See more detailed information and the full content

Full content is available to view

Feedback

Feedback from people I’ve worked with

Work responsibility summary

  • 01Accountability: ownership of work, meeting deadlines, and timely reporting
  • 02Expertise: strong skills to meet requirements and solve project issues
  • 03Communication: works well with teammates and keeps workflow smooth

See the expanded section for details

Thang is a highly responsible team member, very proactive and reliable. He has a strong frontend foundation and understands the whole system, so he handles project issues quickly and cleanly with little backlog. He also collaborates well with the team and consistently meets client requirements fully and as expected.

Thắng V.D

Thắng V.D

CTO, Project Manager · KiaiSoft Co., Ltd

ClipLine, TellBee

Summary information

Work skills
Frontend, Backend, System, Folder Structure
Diverse project types
E-Commerce, Social Media, Admin Dashboard,...
Collaboration scope
Freelance or onsite
Long-term direction
Sustainable skill growth

See more detailed information and the full content

Full content is available to view

v001.1737583600
v001.1737583600
ABILI Service — Employee and learner training platform
DesktopMobile

ABILI Service — Employee and learner training platform

Web AppAdmin CMSEdTechMulti-Services
Production

ClipLine Inc. is a technology company providing the “ABILI” platform—a ServiceTech solution that helps multi-site businesses run more efficiently by standardizing operations, training, and delivering information and skills through video. The platform connects management through frontline staff and agents to reduce drift between sites and improve operational performance. Widely used in service industries such as retail, F&B, and healthcare, ClipLine now serves tens of thousands of locations and millions of users while helping businesses improve revenue, customer experience, and labor productivity at scale.

Tech stack

CORE

Next.jsNestJSReactTypeScript

SUPPORTING

DockerWebpackGrafanai18nStorybookand more

My role

Frontend (admin CMS module)

Key features

  • Built a multi-role React SPA architecture for independent user groups (Admin/Service/Student/Coach/Branch) with route-based code splitting and production self-healing for chunk load failures
  • Designed state management combining Redux-Saga and local state with clear separation between global state, UI state, and server cache across 100+ screens
  • Organized UI with Atomic Design for modularity, maintainability, and scale
  • Implemented a fully client-side video pipeline using RecordRTC, FFmpeg.wasm, and MediaPipe—recording, encoding, and real-time background blur without a dedicated media server
  • Designed and shipped 200+ Redux-Saga workflows for complex operations (S3 upload, retry, batch processing), keeping stability under large concurrent usage (on the order of hundreds of thousands of users)
  • Set up production observability and a Webpack 5 build pipeline (git-hash versioning) with Datadog RUM, Sentry, and GTM for system-wide monitoring and debugging

How does the list stay coherent after search or sort?

The reports saga keeps selection in sync with the current result set (including when the sort order changes) so the detail pane does not point at a stale row.

How is file download kept reliable?

Report media is fetched with retry helpers and then saved client-side with a generated filename, while download events are logged for traceability.

How do you avoid many roles inflating the initial bundle?

Each role area is split into route chunks, with self-healing when chunk loading fails so users can keep working even with stale deploy caches or flaky networks.

How do you avoid state conflicts when using Redux-Saga, Recoil, and SWR together?

Clear ownership boundaries: Saga + Redux for global orchestration and workflows, Recoil for local UI coordination, and SWR for server data cache—avoiding competing sources of truth across 100+ screens.

How was migrating 1100+ files rolled out without downtime?

Migration shipped in small batches with a compatibility adapter between legacy HOC flows and new hook-based modules, so the team could ship features while migrating screen by screen.

What keeps the client-side video pipeline stable enough for production?

The RecordRTC, FFmpeg.wasm, and MediaPipe pipeline is structured asynchronously with cancel/retry guards and explicit progress state, so long-running work stays responsive and can recover under browser memory pressure.

Performance

N/A

Lighthouse score

1M+

Users

~35%

API calls reduced

Contact
ONLINE
If you have anything to share, please let me know
Ready to send