Building
Digital Experiences
I'm Kevin Xiao, a passionate developer crafting responsive, interactive, and user-friendly web applications.
View My WorkMy Journey
Senior Frontend Engineer
ByteDance
Leading the development of internal tools and platforms. Optimized performance by 40%.
Frontend Developer
Alibaba
Contributed to e-commerce core business logic. Implemented complex UI components.
Junior Developer
Tencent
Developed mini-programs and responsive web pages. Collaborated with design teams.
Software Engineer
Baidu
Participated in the development of search engine related tools and optimized frontend performance.
Intern
Startup Inc.
Assisted in building the MVP using React and Node.js.
Selected 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 modern, server-rendered applications with the latest features.
TypeScript
Ensuring type safety and scalable codebases.
Tailwind CSS
Rapidly building custom user interfaces.
Node.js
Developing robust backend services and APIs.
Three.js / R3F
Creating immersive 3D web experiences.
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
Understanding React Server Components
A deep dive into the architecture and benefits of RSC in Next.js 13+.
Mastering Tailwind CSS Grid
Tips and tricks for building complex layouts with utility classes.
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
Hi, I'm Kevin Xiao, a passionate Full Stack Engineer with a strong background in frontend development and 3D web experiences. I graduated with a Bachelor's degree in Computer Science. I am a quick learner, adaptable, and thrive in collaborative environments. I enjoy tackling complex challenges and am dedicated to delivering high-quality solutions. Outside of work, I have a wide range of interests and enjoy exploring new technologies.
UI Design
First Job
I love traveling and capturing the beauty of the world through my lens. From urban landscapes to natural scenery, photography helps me see things from different perspectives.