> SYSTEM BOOT...
> LOADING ASSETS...
> INITIALIZING WORKSPACE...
> READY.
TVH

FULL STACK

Trinh Van Hao
< UI/UX Design />
< Motion Design />
< SEO />
< API Design />
< Database Management />
< Performance Optimization />

DEVELOPER

ABOUT

Ibuildbeautifulandfunctionalwebexperienceswheredesignmeetscode.

HTMLCSSReact.jsWebGLTailwind_CSSNext.jsFramer_Motion
HTMLCSSReact.jsWebGLTailwind_CSSNext.jsFramer_Motion
Digital Footprints

6.3K+ Connections

Building in public and connecting across multiple platforms.

3.6K
2.2K
350
Z
151
20

CAPABILITIES

Core competencies and specialized skills across design and engineering.

Building seamless web applications from scalable backends to interactive frontends. Specializing in standard MERN/PERN stacks and modern meta-frameworks.

< Next.js />< Node.js />< PostgreSQL />

SELECTED WORKS

E-Commerce Reimagined
< Next.js />< Stripe />

E-Commerce Reimagined

A high-performance headless e-commerce solution built for scale. Features real-time inventory syncing and seamless checkout.

Fintech Dashboard
< React />< D3.js />

Fintech Dashboard

Data-dense financial analytics dashboard. Complex data visualization with D3.js and real-time WebSocket feeds.

Web3 NFT Platform
< WebGL />< Three.js />

Web3 NFT Platform

Immersive 3D gallery for digital assets. Custom shaders and WebGL rendering for a premium browsing experience.

Creative Agency
< GSAP />< Tailwind />

Creative Agency

Award-winning portfolio site with scroll-jacking, custom cursors, and complex GSAP timeline animations.

VIEW ALL

MISSION LOGS

Professional Experience

Website Manager

Zaka Edu
2023 - Present

Owned the end-to-end digital presence of the education center, balancing platform reliability with growth-oriented communication.

  • Developed and operated the center website with a strong focus on usability and stability.
  • Designed and optimized user-facing features to improve engagement and learning journey flow.
  • Created and deployed media assets for campaigns to strengthen brand recognition and interaction.
Website OperationsFeature OptimizationMedia ProductionBrand Growth

AI Intern

AIoT Lab - Dai Nam University
07/2025 - Present

Contributed to applied AI projects from data preparation to model development in real-world business contexts.

  • Built and refined a text emotion recognition model for Ngoc Dung Aesthetic Clinic.
  • Contributed to a tea-harvest recognition model for Van Thang Cooperative.
  • Collected, cleaned, and labeled datasets to support robust model training and evaluation.
NLPComputer VisionData LabelingModel Development

Freelance Developer

Independent
Project-based

Delivered custom software solutions for clients, from concept validation to production-ready releases.

  • Developed AI-assisted HR management systems tailored to client operational workflows.
  • Built event management platforms with streamlined registration and coordination features.
  • Implemented a mini social network project in Java, including core social interaction modules.
AI-enabled HRMEvent PlatformsJava SystemsClient Delivery
SKILL TIMELINE

The Editor

Scroll down to scrub the timeline.

Capcut

Capcut

PROGRAM
FIT 100%
00:00:00:00

Skill Metadata

DESCRIPTION

Fast-paced video editing, transitions, and social media content creation.

THE STORY

"Used for crafting viral, engaging short-form video campaigns."

EXPERIENCE
Experience
00:00:00:00
V2
Capcut
V1
Canva
Figma
Photoshop
A2
n8n Automation
A3
Copywriting
Content Strategy
SEO Tuning

TECH ARSENAL

The tools, frameworks, and technologies I use to build robust applications.

ReactREACT
Next.jsNEXT.JS
TypeScriptTYPESCRIPT
TailwindTAILWIND
Framer MotionFRAMER MOTION
Three.jsTHREE.JS
Node.jsNODE.JS
PythonPYTHON
PostgreSQLPOSTGRESQL
SupabaseSUPABASE
FirebaseFIREBASE
PrismaPRISMA
GraphQLGRAPHQL
RedisREDIS
TensorFlowTENSORFLOW
PyTorchPYTORCH
DockerDOCKER
VercelVERCEL
FigmaFIGMA
ReactREACT
Next.jsNEXT.JS
TypeScriptTYPESCRIPT
TailwindTAILWIND
Framer MotionFRAMER MOTION
Three.jsTHREE.JS
Node.jsNODE.JS
PythonPYTHON
PostgreSQLPOSTGRESQL
SupabaseSUPABASE
FirebaseFIREBASE
PrismaPRISMA
GraphQLGRAPHQL
RedisREDIS
TensorFlowTENSORFLOW
PyTorchPYTORCH
DockerDOCKER
VercelVERCEL
FigmaFIGMA
FigmaFIGMA
VercelVERCEL
DockerDOCKER
PyTorchPYTORCH
TensorFlowTENSORFLOW
RedisREDIS
GraphQLGRAPHQL
PrismaPRISMA
FirebaseFIREBASE
SupabaseSUPABASE
PostgreSQLPOSTGRESQL
PythonPYTHON
Node.jsNODE.JS
Three.jsTHREE.JS
Framer MotionFRAMER MOTION
TailwindTAILWIND
TypeScriptTYPESCRIPT
Next.jsNEXT.JS
ReactREACT
FigmaFIGMA
VercelVERCEL
DockerDOCKER
PyTorchPYTORCH
TensorFlowTENSORFLOW
RedisREDIS
GraphQLGRAPHQL
PrismaPRISMA
FirebaseFIREBASE
SupabaseSUPABASE
PostgreSQLPOSTGRESQL
PythonPYTHON
Node.jsNODE.JS
Three.jsTHREE.JS
Framer MotionFRAMER MOTION
TailwindTAILWIND
TypeScriptTYPESCRIPT
Next.jsNEXT.JS
ReactREACT

THE ARCHIVE

A history of past projects, commercial work, and ongoing experiments.

YearProjectRoleBuilt withLink
2024Nexus Design SystemArchitectureReact, Storybookgithub.com
2023Aura WebGL ExperienceCreative DevThree.js, GLSLlive site
2023Fintech Mobile AppFrontendReact Nativelive site
2022E-Commerce HeadlessFullstackNext.js, Shopifylive site
2022Onyx Dark ThemeDesignFigma, CSSfigma.com
2021Legacy DashboardFrontendVue.js, Vuexlive site
✦SCALABLE✦SEARCH OPTIMIZED✦ACCESSIBLE✦RESPONSIVE✦DYNAMIC✦SCALABLE✦SEARCH OPTIMIZED✦ACCESSIBLE✦RESPONSIVE✦DYNAMIC✦SCALABLE✦SEARCH OPTIMIZED✦ACCESSIBLE✦RESPONSIVE✦DYNAMIC✦SCALABLE✦SEARCH OPTIMIZED✦ACCESSIBLE✦RESPONSIVE✦DYNAMIC
✦SCALABLE✦SEARCH OPTIMIZED✦ACCESSIBLE✦RESPONSIVE✦DYNAMIC✦SCALABLE✦SEARCH OPTIMIZED✦ACCESSIBLE✦RESPONSIVE✦DYNAMIC✦SCALABLE✦SEARCH OPTIMIZED✦ACCESSIBLE✦RESPONSIVE✦DYNAMIC✦SCALABLE✦SEARCH OPTIMIZED✦ACCESSIBLE✦RESPONSIVE✦DYNAMIC

PROCESS

01

DISCOVERY & STRATEGY

Deconstructing the problem. We analyze the core requirements, technical constraints, and brand identity to establish a solid architectural foundation.

02

PROTOTYPING & DESIGN

Translating concepts into brutalist, high-contrast interfaces. Focusing on typography, grid systems, and unconventional layouts.

root@nexus:~# ./build.sh

[+] Compiling shaders...

[+] Optimizing AST...

[+] Bundling assets...

✔ Build successful in 1.2s

03

CREATIVE ENGINEERING

Bringing static designs to life with React, WebGL, and Framer Motion. Ensuring 60fps animations and robust, scalable code.

04

OPTIMIZATION & LAUNCH

Rigorous performance auditing, accessibility checks, and SEO tuning. Deploying a flawless, lightning-fast digital experience.

AI & FUTURE

Exploring the intersection of artificial intelligence, creative coding, and human-computer interaction. Building intelligent interfaces that adapt and learn.

LOADING 3D ENGINE...

INSPIRATION

I draw heavy inspiration from platforms like Awwwards and modern brutalist design trends.

When I'm not coding, I'm usually exploring photography or studying typography.

OPEN SOURCE

@Trinhvhao

Contribution Graph

0

2026 REPOS

Trinhvhao contribution heatmap

Live contribution heatmap from public profile

Less
More

CLIENTFEEDBACK

See what partners and clients have to say about collaborating.

Hao's implementation of the AI-powered search pipeline drastically reduced our query times. A brilliant full stack developer.
Briana Patton
Briana Patton
Product Manager
The computer vision model he developed for our manufacturing defect detection was incredibly accurate and robust in real-time.
Bilal Ahmed
Bilal Ahmed
Engineering Lead
Hao seamlessly bridged our complex AI backends with a beautiful React frontend. His ability to own the entire stack is remarkable.
Saman Malik
Saman Malik
CTO
Hao's implementation of the AI-powered search pipeline drastically reduced our query times. A brilliant full stack developer.
Briana Patton
Briana Patton
Product Manager
The computer vision model he developed for our manufacturing defect detection was incredibly accurate and robust in real-time.
Bilal Ahmed
Bilal Ahmed
Engineering Lead
Hao seamlessly bridged our complex AI backends with a beautiful React frontend. His ability to own the entire stack is remarkable.
Saman Malik
Saman Malik
CTO
CERTIFICATION ARCHIVE

Credentials Showcase

// Verified certificates across cloud, AI, and full stack engineering.

AWS Cloud Practitioner
01
Amazon Web Services

AWS Cloud Practitioner

TensorFlow Developer
02
Google

TensorFlow Developer

Deep Learning Specialization
03
Coursera

Deep Learning Specialization

Meta Front-End Developer
04
Meta

Meta Front-End Developer

Machine Learning Engineer
05
IBM

Machine Learning Engineer

Docker Foundations
06
Docker

Docker Foundations

Let's build it together.

Contact Details

haotrinh142@gmail.com+1 (234) 567-890

San Francisco, CA

Socials

TRINH VAN HAO