๐ Frontend Jiecheng | UI/UX Enthusiast | Blending Code with Design ๐
Igniting web experiences with React, Vue, and TypeScript ๐ฅ
I'm Jiecheng, a passionate developer dedicated to crafting high-performance, visually stunning, and highly interactive frontend experiences!
- ๐ฏ Motto: Code like poetry, design like art!
- ๐ Vision: Bringing every pixel to life!
- โก Daily Routine: Debugging code, optimizing performance, exploring new frameworks, and sipping coffee โ.
๐ก Fun Fact: My typing speed rivals the speed of light, and bugs flee at the sight of me! ๐
Your support fuels my updates! Star and follow for more! ๐
- Frontend Frameworks: React โ๏ธ, Vue ๐, Svelte ๐
- Languages: JavaScript (ES6+), TypeScript, HTML5, CSS3
- Toolchain: Webpack, Vite, Parcel, Git
- UI/UX: Figma, Tailwind CSS, Styled-Components ๐
- Others: Web Animations, PWA, WebGL, Three.js ๐จ
// A simple React animation component โจ by Frontend Jiecheng
import React, { useState } from 'react';
import { motion } from 'framer-motion';
const CoolButton = () => {
const [isHovered, setHovered] = useState(false);
return (
<motion.button
whileHover={{ scale: 1.1, rotate: 5 }}
whileTap={{ scale: 0.9 }}
onHoverStart={() => setHovered(true)}
onHoverEnd={() => setHovered(false)}
style={{ background: isHovered ? '#ff6b6b' : '#4ecdc4' }}
>
Click Me! ๐
</motion.button>
);
};- Description: A 3D interactive gaming website built with React and Three.js, featuring dynamic lighting effects and real-time leaderboards.
- Tech Stack: React, Three.js, WebSocket, Tailwind CSS
- Highlights: 60fps smooth experience, responsive design, WebGL-powered animations
- Links: View Project | Demo
- Description: An offline-capable task management app with real-time sync and notification reminders.
- Tech Stack: Vue, Service Worker, Firebase
- Highlights: PWA technology, cross-platform compatibility, performance optimization
- Links: View Project | Demo
๐ฅ Want to see more? Check out my GitHub Repositories!
Always open to chat about frontend, design, or any cool tech! ๐

