Hi, let's scroll down!

S4mD

PORTFOLIO

S4mD

Frontend Engineer | Vue.js & TypeScript

About me

01

Hello! I'm Thanh,

Frontend Engineer with 6+ years of experience building scalable web applications for international teams in Japan and the UK. Strong background in Vue.js, TypeScript, JavaScript, reusable UI components, frontend modernization, REST API integration, and UX/UI implementation. Experienced in maintaining shared component libraries, improving legacy frontend systems, and collaborating with product managers, business stakeholders, and global engineering teams.

Technical Skills
Frontend: Vue.js, Vue 2, Vue 3, Composition API, TypeScript, JavaScript, React.js, Next.js, Nuxt.js, HTML5, CSS3, SCSS
UI/UX: reusable components, component API design, design systems, responsive UI, CSS animation, GSAP, Tailwind CSS, Shadcn UI, Vuetify
APIs & Testing: REST API integration, WebSocket, unit testing, code review, frontend modernization
Backend & Data: Node.js, Express.js, IndexedDB, MongoDB, MySQL, Sequelize

I collaborate in English with global teams and enjoy turning product requirements into scalable frontend systems. Recent work includes shared Vue/TypeScript component libraries, Vue 2 to Vue 3 migration, JavaScript to TypeScript modernization.

My work

02
  • Keyloop

    Frontend Engineer | Ho Chi Minh City, Vietnam (Hybrid), Nov 2023 - Present.

    • - Maintain a shared Vue 3 and TypeScript component library with 400+ public components for UK automotive retail applications.
    • - Build reusable UI components, layouts, and frontend patterns used by downstream product teams across multiple web products.
    • - Deliver frontend improvements across checkout, finance, trade-in, search, filter, and vehicle UI flows with regression-safe delivery.
    • - Support Vue 2 to Vue 3 modernization, Pinia migration, legacy Vuex stability, and around 90% unit test coverage.
    • - Collaborate with product managers, business stakeholders, and global engineering members to clarify requirements and improve UX/UI.

    Tech: Vue 3, TypeScript, Pinia, Vuex, Unit Testing
    Live: rrg-group.com/used-cars, dealerwebsite.co.uk/all-vehicles

  • Fastcoding

    Frontend Engineer | Ho Chi Minh City, Vietnam, Jul 2020 - Oct 2023.

    • - Delivered production web applications for Japanese clients, including admin dashboards, e-commerce flows, CRUD systems, authentication screens, and data-heavy tools.
    • - Built responsive, pixel-accurate UIs from PSD, AI, and XD designs using Vue.js, JavaScript, Vuetify, jQuery, GSAP, and REST API.
    • - Developed complex UX/UI interactions, animation-heavy pages, and custom frontend behavior based on detailed client requirements.

    Tech: Vue.js, JavaScript, Vuetify, jQuery, GSAP, REST API

  • Real-time Game State Synchronization Lab | Personal

    2024.

    Education-only real-time web application focused on synchronized state, chat, and real-time UI behavior.

    • - Implemented real-time client/server state synchronization using Socket.IO.
    • - Built chat, user session handling, and live UI updates.
    • - Deployed a full-stack application with Vue 3, Express.js, and MongoDB.

    Tech: Vue 3, TypeScript, Pinia, Socket.IO, Express.js, MongoDB
    Demo: game.s4md.com

  • YK E-commerce | Personal

    Aug 2023 - Oct 2023.

    Full-stack e-commerce project with storefront, admin dashboard, and authentication system.

    • - Built a responsive storefront and admin dashboard using Next.js, Tailwind CSS, and shadcn/ui.
    • - Developed Express.js REST APIs for authentication and CRUD operations.
    • - Implemented state management and frontend workflows for product and admin features.

    Tech: Next.js, Zustand, Tailwind CSS, shadcn/ui, Express.js
    Demo: web.s4md.com

  • Environmental Footprint of Cities | Fastcoding Vietnam

    Frontend Developer, Dec 2021 - Mar 2022.

    Web application for visualizing worldwide city-level carbon pollution data.

    • - Integrated Mapbox API to display and interact with geospatial data.
    • - Built responsive layouts and implemented JavaScript logic for map-based interactions.
    • - Developed frontend features based on client-provided design and requirements.

    Tech: JavaScript, Mapbox, jQuery
    Demo: cities.spatialfootprint.com

  • 2D Animation Showcase | Fastcoding Vietnam

    Frontend Developer, Jul 2021.

    Animation-heavy showcase website.

    • - Built pixel-accurate layouts from design files.
    • - Developed interactive 2D animations using GSAP and jQuery.
    • - Implemented responsive frontend behavior for showcase pages.

    Tech: jQuery, GSAP
    Demo: demo2, demo3, sample/js

Contact me

03
  • LinkedIn

    View my professional profile and recent frontend engineering experience.

  • Github

    Most production work is private, but this is where I keep public experiments and portfolio code.

  • Email

    For work opportunities or collaboration, reach me at tnthanh2307@gmail.com.

  • This project inspired idea by

    bokoko33.me and andrewwoan