Thang Tran
0%

Mountain Gate

Enter the sect · About

A frontend engineer with about 8 years of building scalable, high-performance web applications in JavaScript, TypeScript, React.js and Next.js, with a strong focus on user experience, performance and code quality.

Experienced in delivering large-scale, high-traffic products, collaborating with cross-functional teams, mentoring engineers and driving frontend best practices, with a product-driven mindset and a passion for interactive UI and motion design.

  • Frontend Engineer
  • ~8 years of experience
  • Vietnam
Education
University of Information Technology2014 — 2019
Off duty
Beyond technology, I am a big fan of Chinese xianxia novels and films (A Mortal’s Journey to Immortality, Renegade Immortal, Fights Break Sphere, Sword of Coming…), and I play the Vietnamese bamboo flute and the Chinese dizi.
Hall of Brush & Ink →

Hall of Brush & Ink

The journey · Experience

  1. Details coming soon.

  2. RoleMiddle Frontend Engineer

    • Owned Hybrid OS features from requirements to optimisation
    • Migrated map rendering from SVG to a Fabric.js canvas pipeline for large maps, improving performance by ~70%
    • Implemented core e-commerce flows on autonomous.ai: persistent cart and OTP sign-up / login
    Stacks
    • TypeScript
    • React.js
    • Next.js
    • GSAP
    • Fabric.js
    • Redux
    • Redux Saga
  3. RoleMiddle Frontend Engineer

    • Designed and built core modules (Communication, Attendance, Student Portfolio, Checklist) used by 1,000+ schools in 12 countries
    • Optimised the React photo upload system
    • Integrated cashless payment SDKs for Malaysia
    • Rebuilt the LittleLives and Little Hearts websites
    Stacks
    • TypeScript
    • React.js
    • Node.js
    • Vue.js
    • Vuex
    • Vuetify
    • GraphQL
    • Bulma CSS
  4. RoleJunior Frontend Engineer

    • Proposed frontend solutions and technologies
    • Turned HTML templates into reusable React components
    • Maintained projects for Japanese clients (Smart Plus, KDDI AU Wallet)
    Stacks
    • TypeScript
    • React.js
    • Redux
    • Vue.js
    • jQuery
    • Gulp
    • Foundation CSS
    • Handlebars
    • Atlaskit UI
  5. RoleJunior Frontend Engineer

    • Architected and built both the web app and the React Native app, migrating the codebase from jQuery to React
    • Used Firebase Realtime Database for short campaigns and the Google Maps API for nearby deals
    Stacks
    • JavaScript
    • React.js
    • React Native
    • Redux
    • jQuery
    • Webpack
    • Google Maps API
    • Firebase
  6. RoleJunior Frontend Engineer

    • Built web and mobile e-commerce for consumer electronics (Umbala.vn, Dienmaygiakhang.vn) and the 123giao.vn delivery app with React and React Native, sharing code across both through a proxy module
    Stacks
    • JavaScript
    • React.js
    • React Native
    • Node.js
    • Redux
    • Webpack

Scripture Pavilion

Secret scrolls · Projects

  • Details coming soon.

  • An all-in-one hybrid office platform: floor plans, desk and meeting-room booking, flexible schedules.

    Role Middle Frontend Engineer

    Stacks
    • React.js
    • TypeScript
    • Fabric.js
    • Redux Saga

    The product

    Helps organisations manage office layouts, desk and meeting-room reservations and hybrid schedules, with real-time workspace visualisation and intuitive booking flows.

    What I did

    • Owned features end to end, from requirement analysis to implementation, optimisation and maintenance.
    • Migrated map rendering from SVG to a Fabric.js canvas, redesigning the pipeline for large maps: far less UI lag and about 70% better performance.
  • The global online store of Autonomous: smart office furniture and ergonomic products.

    Role Middle Frontend Engineer

    Stacks
    • Next.js
    • React.js
    • Redux

    The product

    The official storefront of Autonomous, selling electric standing desks, ergonomic chairs and smart office accessories worldwide.

    What I did

    • Implemented core e-commerce flows: a persistent cart and OTP-based sign-up and login.

    Live site ↗

  • The school management dashboard used by 1,000+ schools across 12 countries.

    Role Middle Frontend Engineer

    Stacks
    • React.js
    • Vue.js
    • GraphQL

    The product

    The web dashboard of the LittleLives school management system: teachers, administrators and parents access student records, attendance, activity photos and messages from anywhere.

    What I did

    • Designed and built the core Communication, Attendance, Student Portfolio and Checklist modules across user roles.
    • Owned and optimised the React photo upload system for reliable, smooth handling of large daily uploads.
    • Integrated cashless payment SDKs for the Malaysian market.

    Live site ↗

  • This very site — a 2.5D ink-painted diorama built from AI-painted layers on WebGL planes.

    Role Design & development

    Stacks
    • Astro
    • Three.js
    • GLSL
    • GSAP

    Overview

    A portfolio painted in classic ink wash, steeped in the spirit of wuxia and the jianghu: visitors follow the ink road.

Training Grounds

Martial arts · Skills

Inner strength · Foundations

  • JavaScript / TypeScript
  • HTML / CSS
  • Performance · Micro frontend

Frameworks

  • React.js / Next.js
  • Redux / Zustand
  • Vue.js / Vuex
  • React Native
  • Astro
  • Strapi Headless

Motion & graphics

  • GSAP / Framer Motion
  • PixiJS / Fabric.js
  • Three.js

Web3 & data

  • GraphQL / Apollo Client
  • Ether.js / Viem
  • Vite / Rollup / Webpack

Tea Pavilion

Send a crane · Contact

A quest to offer, or just a cup of tea and a chat? Send a crane.

Send a crane

One last stop — scroll on to say farewell.

Settings

Version

Changing versions reloads the page at your current stop.