PROJECTS / WORK

Projects

Every project answers one question: what did I want to solve with it? From real lab needs to a one-person practice field.

Projects: 4
Ongoing: 1
Core stack: TypeScript

2026.09.05 — 2026.10.09FEATURED

Yixun APP

Frontend lead / full-stack collaboration

A contact app for members of the IB Information Collaboration Lab: member profiles, nested-thread discussions, map-based location and invite-code access control.

Rebuilt on UniApp + Vue 3 + TypeScript + Pinia, shipped to both H5 and Android
Spring Boot 3 + MySQL 8 backend; migrated 100+ members with tiered permissions
Tech module supports all-member publishing with nested-thread discussions; the honors module is admin-curated

100+
Members: 2
Platforms: 6
Core modules

UniAppVue 3TypeScriptPiniaSpring BootMySQL高德地图

2026.09.30 — 至今（维护中）FEATURED

XingChuan · Personal Blog

Solo design & development

A Next.js 16 personal blog (ajaxyutu.com) with a self-built design system, motion system and MDX content pipeline — built for multi-device adaptation and performance practice.

Tech-black × white design system: colors, type, radii and motion curves fully tokenized; zero-rebuild dark/light theme switching
Imperative three.js "XingChuan · Knowledge Galaxy" 3D hero plus a full-screen particle ambience
Build-time MDX compilation with auto TOC anchors and reading time; full Chinese/English bilingual system

5
Content pages: 3
Breakpoints: 100
Lighthouse target

Next.js 16React 19TypeScriptTailwind CSS v4MDXFramer Motionthree.js

2026.09.05 — 2026.10.15

CampusNote

Solo development

A course-notes and knowledge-management tool with Markdown editing, tag organization and study-progress tracking.

Live-preview editor with local draft auto-save
Notes organized by course and tag, with full-text search

20+
Course notes: 800+
Total words

Vue 3TypeScriptVitePiniaIndexedDB

2025.11 — 2026.01

AlgoVision Algorithm Visualizer

Solo development

A visual teaching tool for sorting and pathfinding algorithms — turning abstract steps into visible thinking.

Bubble / quick / merge sort and A*, Dijkstra pathfinding, visualized
Step-by-step execution, speed control and custom data input

7
Algorithms: 60fps
Animation target

ReactTypeScriptCanvasFramer Motion

More experimental pieces and code snippets, continuously organized. GitHub