Skip to content
View jieceng's full-sized avatar
๐ŸŽฏ
ไธ“ๆณจ
๐ŸŽฏ
ไธ“ๆณจ

Organizations

@hl-s

Block or report jieceng

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Maximum 250 characters. Please don't include any personal information such as legal names or email addresses. Markdown supported. This note will be visible to only you.
Report abuse

Contact GitHub support about this userโ€™s behavior. Learn more about reporting abuse.

Report abuse
jieceng/README.md

๐Ÿš€ Hey! I'm Jiecheng - The Frontend Code Wizard! โœจ

๐ŸŒŸ Frontend Jiecheng | UI/UX Enthusiast | Blending Code with Design ๐ŸŒŸ
Igniting web experiences with React, Vue, and TypeScript ๐Ÿ”ฅ


๐Ÿ‘จโ€๐Ÿ’ป About Me

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! ๐Ÿš€


๐Ÿ› ๏ธ Skill Tree ๐ŸŒณ

Core Skills

  • 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 ๐ŸŽจ

Code Snippet Showcase

// 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>
  );
};

๐ŸŒŸ Project Highlights

1. ๐ŸŽฎ Interactive Game Platform

  • 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

2. ๐Ÿ“ฑ PWA Task Manager

  • 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!


๐Ÿ“ˆ My GitHub Stats

GitHub Stats Top Languages


๐Ÿ“ฌ Connect with Me

Always open to chat about frontend, design, or any cool tech! ๐Ÿ˜„


โœจ Last Updated: August 14, 2025 โœจ
Rocket Animation

Pinned Loading

  1. jc-console jc-console Public

    TypeScript