A Stylish Speedometer Design based on TradingView Gauge Widget, featuring a vibrant color palette, smooth animations, and customizable elements.

"Proof of craft" project for testing React 19 and various FE concepts in a sterile context.

A pristine, component-driven Pricing Matrix web asset showcasing optimized commercial product cards, strict grid layouts, and modern responsive visual hierarchies.

Comonent-Design-QR-Code

Compronent-Design-Results-Summary [UNDER DEVELOPEMENT]

Final design documentation for the Cake Shop Online System, developed as part of a Software Engineering course project.

Responsive React and TypeScript social-feed interface with typed components and interactive likes.

A collection of UI/UX design projects completed during my UI/UX Design Internship at SAM AI Technologies, showcasing user-centered design, wireframing, high-fidelity interfaces, reusable components, responsive layouts, and interactive prototypes created in Figma.

Lights Out is a logic/puzzle game, played on a grid of individual lights, which can either be lit or unlit. The puzzle is won when all of the lights are turned off.

React组件开发指南 — Hooks最佳实践、状态管理、组件设计模式、性能优化、TypeScript集成

Product designer judgment for AI coding agents. Works with Claude Code, Cursor, and Codex. Battle-tested principles that separate intentional UI from generated slop.

A production-ready React learning resource covering fundamentals, advanced patterns, performance, testing, TypeScript, SSR, and modern meta-frameworks.

A healthy meal delivered to your door, every single day with smart 365-days-per-year food subscription that will make you eat healthy again.

Responsive recipe page built with HTML and CSS, featuring a clean layout, ingredient sections, cooking instructions, nutrition facts, and modern typography design.

Responsive QR Code Component built with HTML and CSS, featuring a clean card-based layout and modern UI implementation.

Guidance for designing component-owned loading, empty, error, auth, permission, and gated states so UI surfaces own their state shape while screens stay focused on orchestration.