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.
A summary of front-end, UI, interaction, and tooling skills — from responsive markup to Canvas/3D prototypes.
HTML5, CSS3, JavaScript — responsive, mobile-first layouts optimized for many devices.
Turning designs into polished UI: spacing, typography, alignment, color, and clean layout structure.
Solid layouts on desktop, tablet, and mobile — landing pages, dashboards, and full-screen game UI.
CSS/JS/Canvas effects: hover states, popups, transitions, micro-interactions, and motion for UI.
Sass: variables, mixins, nesting; Tailwind: utility-first, responsive layouts, and design tokens for fast, consistent UI.
Components and basic state — dashboards, forms, card layouts, and modern web pages.
Interactive prototypes, web games, visual effects, and basic 3D scenes.
Figma, Photoshop — assets, color, layout, and design-to-code handoff.
Git/GitHub — source control, project storage, and change tracking during development.
HTML · CSS · JavaScript · Three.js
Game-style portfolio with a bold hero, smooth page transitions, responsive layout, and interactive 3D character.
React · Vite · MUI · JavaScript
Asset management dashboard: data tables, forms, modals, and stat cards in a modern admin style.
React/Vite · Node.js · SQL Server
Data entry forms, listing tables, and APIs for end-to-end product information management.
HTML · CSS · JS · Canvas · localStorage
Mobile-first game UI: HUD, HP bar, shop, victory/game over popups, and skill animations.
HTML · CSS · JavaScript · Three.js
Top-down 3D prototype: character control, follow camera, map, obstacles, and environment interactions.
HTML · CSS · JavaScript · UI Prototype
Personalized learning platform: login, subject selection, VARK learning styles, lessons, and quizzes.