- A full-stack developer and longtime frontend enthusiast, still passionate about writing code and building products ๐ป
- From Yantai, Shandong. Software Engineering M.S. from NEU. Building @AMMO; formerly @Sohu and @FTA ๐งฑ
- Frontend โ full stack. Now exploring AI Agents and backendโthe pieces are finally coming together ๐งฉ
- Beyond coding, I enjoy playing basketball ๐ and pool ๐ฑ with friends, and occasionally working out ๐
- I joined my university's flag guard and led freshman military trainingโone of my favorite college memories ๐จ๐ณ
- Once dreamed of becoming an astronaut ๐จโ๐; now I focus on one meaningful milestone at a time ๐
- My current milestones:
Land an offer from a leading tech company ๐ช and graduate successfully ๐จโ๐July 14, 2021 โKeep learning frontend and become a senior engineer in three to five years ๐ทMarch 2025 โ- Go deeper into AI Agents and strengthen my AI model, backend, and engineering skills ๐ฏ
Here are some personal projects I've built over the years ๐ง. If you find something interesting, a star would mean a lot ๐คฉ.
| Projects | Description | Preview | Technologies |
|---|---|---|---|
| yingjieweb | ๐ป Personal website, Next.js version | Preview |    |
| ๐ป_react | ๐ป Personal website, React version | Preview |    |
| league-ui | โ๏ธ League of Legends-inspired UI library | Preview |    |
| truck-cli | ๐ Command line tool to simplify frontend workflow | Preview |  |
| campus | ๐ College student employment recommendation system | Preview |   |
| navigator | ๐ก Little fool's navigation, customized for my girlfriend | Preview |   |
| charge | ๐ Expense tracker with Vue + TypeScript | Preview |  |
| ๐_react | ๐ Expense tracker with React + TypeScript | Preview | |
| sunshine | โจ Some interesting CSS anima A1B9 tion effects | Preview |  |
| dombox | ๐ฒ A high-efficiency, streamlined JavaScript utility library | Preview |  |
Here are a few demos and solutions from technical problems I've explored at school and work ๐ค.
- amap-optimization-demo - AMap "mass point mark + mass label" performance solution - Preview
- dnd-draggable-tree-demo - A draggable multi-level tree component based on dnd-kit - Preview
- RBAC-checkbox-tree-demo - A checkbox tree component for role-based access control - Preview
- diy-h5-platform-demo - A simple self-made H5 low-code platform - Preview
A selection of notes and solutions I've written while learning and solving real-world problems ๐.
- A Quick Look at Webpack, Loaders, and Plugins
- Exploring pnpm, a Fast and Efficient Package Manager
- Getting Started with NestJS
- AMap Mass Marker and Label Performance Optimization
- Optimizing SVG Symbols with svg-sprite-loader and svgo-loader
- Web Frontend Performance Optimization
- More articles on CSDN and Juejin.