Character
Mai Huynh Hanh Front-end & Game Developer

About Me

I am a Front-end Developer who enjoys turning ideas and designs into intuitive, experience-rich web interfaces. I focus on front-end development, mobile-first design, and animation/micro-interactions to build products that look polished and feel effortless to use. My goal is to craft detail-driven interfaces that work smoothly across devices and feel natural and modern for users.

Skills

Core Skills

A summary of front-end, UI, interaction, and tooling skills — from responsive markup to Canvas/3D prototypes.

Front-end Development

HTML5, CSS3, JavaScript — responsive, mobile-first layouts optimized for many devices.

UI Implementation

Turning designs into polished UI: spacing, typography, alignment, color, and clean layout structure.

Responsive & Mobile-first

Solid layouts on desktop, tablet, and mobile — landing pages, dashboards, and full-screen game UI.

Animation & Interaction

CSS/JS/Canvas effects: hover states, popups, transitions, micro-interactions, and motion for UI.

SASS & Tailwind

Sass: variables, mixins, nesting; Tailwind: utility-first, responsive layouts, and design tokens for fast, consistent UI.

React / Vite

Components and basic state — dashboards, forms, card layouts, and modern web pages.

Canvas / Three.js

Interactive prototypes, web games, visual effects, and basic 3D scenes.

UI Tools

Figma, Photoshop — assets, color, layout, and design-to-code handoff.

Version Control

Git/GitHub — source control, project storage, and change tracking during development.

Experience

Front-end Developer / UI Developer

  1. 2025 — Present

    Game Developer Portfolio

    HTML · CSS · JavaScript · Three.js

    Game-style portfolio with a bold hero, smooth page transitions, responsive layout, and interactive 3D character.

  2. 2024 — 2025

    FAMS Dashboard

    React · Vite · MUI · JavaScript

    Asset management dashboard: data tables, forms, modals, and stat cards in a modern admin style.

  3. 2024

    Item Registration System

    React/Vite · Node.js · SQL Server

    Data entry forms, listing tables, and APIs for end-to-end product information management.

  4. 2023 — 2024

    Mobile Game UI Prototypes

    HTML · CSS · JS · Canvas · localStorage

    Mobile-first game UI: HUD, HP bar, shop, victory/game over popups, and skill animations.

  5. 2023

    Three.js Adventure Game

    HTML · CSS · JavaScript · Three.js

    Top-down 3D prototype: character control, follow camera, map, obstacles, and environment interactions.

  6. 2022 — 2023

    QuickPrep Learning Platform

    HTML · CSS · JavaScript · UI Prototype

    Personalized learning platform: login, subject selection, VARK learning styles, lessons, and quizzes.