Building
Digital Experiences
I'm Kevin Xiao, a passionate developer crafting responsive, interactive, and user-friendly full-stack web applications.
View My WorkSelected Projects
Nacos Config
A centralized configuration management system for microservices.
E-Commerce
Full-featured online shopping platform with dashboard.
Task Master
Collaborative project management tool for teams.
AI Chat
Intelligent chatbot interface powered by LLMs.
Crypto Dash
Real-time cryptocurrency tracking dashboard.
Travel Log
Social platform for sharing travel experiences.
Nacos Config
A centralized configuration management system for microservices.
E-Commerce
Full-featured online shopping platform with dashboard.
Task Master
Collaborative project management tool for teams.
AI Chat
Intelligent chatbot interface powered by LLMs.
Crypto Dash
Real-time cryptocurrency tracking dashboard.
Travel Log
Social platform for sharing travel experiences.
Tech Stack
React & Next.js
Building high-performance websites and complex web applications.
TypeScript & JavaScript
Ensuring type safety and scalable codebases.
Node.js & Hono.js & Nest.js
Designing backend systems ranging from 'lightweight and agile' to 'heavy and robust'.
Vue & Nuxt.js
Rapidly building official websites, dashboards, and various mini-programs/apps.
Tailwind CSS
Rapidly building custom user interfaces.
Creative Works
3D Animated Pin
Interactive 3D pin component with physics-based animations.
Virtual Gallery
Immersive WebGL art gallery experience.
Space Traveler
Scroll-based storytelling journey through the solar system.
Latest Thoughts
From Beginner to Master: The Rise of TypeScript!
TypeScript is like a double-edged sword: used well, it helps you write more elegant and safe code; used poorly, it can drive you crazy.
React Component Encapsulation Best Practices: 6 Secrets to Save Your Hair
Following these best practices when encapsulating components in React can improve code quality, maintainability, and scalability.
The Future of Web Animation
Exploring the capabilities of Framer Motion and View Transitions API.
Optimizing Web Performance
Practical guide to improving Core Web Vitals and loading speed.
TypeScript Best Practices
Writing clean, maintainable, and type-safe code in large projects.
Kevin Xiao
Full Stack Engineer
ABOUT ME
ABOUT ME
Hello, I'm Kevin Xiao. I graduated from Jingdezhen Ceramic University with a bachelor's degree. I have 6 years of frontend development experience and 2 years of full-stack development experience. I am a pixel perfectionist, have a clean code obsession, and prioritize efficiency. Despite working in a small company with an ordinary degree, I managed to earn over 100,000 RMB through side projects introduced by colleagues and my own efforts. After being laid off at the end of last year, I decided to transition to full-time freelancing and established my personal studio on New Year's Day 2026. I welcome any business owners in need to contact me; I am dedicated to serving you.
UI Design
First Job
I strayed into UI design for over a year, which perhaps laid the groundwork for my transition to coding. I successfully taught myself to code in my spare time, and in a flash, over 6 years have passed.