Skip to main content
Miles
中文

Miles's bilingual tech blog and digital garden on frontend engineering, AI, full-stack building, project breakdowns, research notes, and long-form thinking.

ShenshuaiMing

A tech blog on frontend engineering, AI, full-stack building, project breakdowns, and long-form thinking.

“MAKE IT WORK, MAKE IT RIGHT, MAKE IT FAST.”KENT BECK

Selected work

Craft & Architecture

Turning ideas into tools for everyday work.

All projects (3)

Journey

Voyage & Evolution🛩️

Work, education, and milestones — in order.

Jobs & Work

Full-Stack Engineer

A global software company specializing in SaaS, digital products, and AI-powered applications

Nuxt 4NitroCloudflare D1Drizzle ORMCloudflare QueueStripeSSE

Building AI-era products end to end across frontend architecture, edge APIs, streaming workflows, and payments:

  • AskSoul.me (Multilingual AI Testing Platform):
    • Migrated platform from Astro to a Nuxt 4 full-stack architecture; engineered quiz systems, AI report engines, and user centers using Nitro, Drizzle ORM, and Cloudflare D1.
    • Built asynchronous AI report generation with Cloudflare Queue, delivering real-time streaming progress over SSE with automatic failure retries and report history lookup.
    • Closed the end-to-end payment loop with Stripe Checkout, Webhook signature verification, and order state synchronization, linking guest purchases to accounts through email OTP and Google OAuth.
    • Engineered high-performance bilingual marketing sites with global Cloudflare Workers edge deployment and sub-second cold starts.

端到端主导 AI 时代软件产品的全栈研发,贯通前沿前端架构、边缘计算、流式工作流与商业支付:

  • AskSoul.me(国际化 AI 心理测试平台):
    • 主导平台从 Astro 升级迁移至 Nuxt 4 全栈架构,基于 Nitro、Drizzle ORM 与 Cloudflare D1 构建高并发测试引擎、AI 报告生成与用户中心。
    • 基于 Cloudflare Queue 打造异步大模型分析报告生成流水线,通过 SSE 实时向客户端推送生成进度,具备断线续接、异常自动重试与历史报告检索能力。
    • 打通完整海外支付闭环:深度集成 Stripe Checkout,完成 Webhook 签名验签与订单状态幂等同步;结合邮箱验证码与 Google OAuth,将匿名购买无缝绑定至正式账号。
  • Astro 边缘出海官网集群
    • 研发双语高转化营销站点,依托 Cloudflare Workers 全球边缘网络,实现毫秒级首屏加载。
Jobs & Work

Frontend Engineer — Intern

A global software company specializing in SaaS, digital products, and AI-powered applications

Vue 3AstroLighthouse 95+i18n (11 Languages)UnoCSSmxGraphInternship

Contributed to production codebases across core product platforms with focus on performance, architecture, and internationalization:

  • GitMind AI Tools Platform:
    • Implemented Astro island partial hydration: slashed first-screen JS from 350KB to 50KB (−85%), cut TTI from 3.2s to 1.5s, and elevated Lighthouse score from 70 to 95+.
    • Built 10+ AI tool pages (flowchart generation, PDF translation, document-to-mind-map) with SSE streaming and WebSocket progress pushing with heartbeat recovery.
    • Automated 11-language i18n pipeline via ExcelJS generating 484 static pages, achieving SEO score 100 and +300% Google search indexing; UnoCSS cut CSS from 450KB to 90KB (−80%).
  • GitMind Mind Map Editor:
    • Refactored editor UI into a clean 3-layer architecture, unifying 30+ core features behind a single API bridge.
    • Built multi-format export pipeline (PNG/SVG/PDF/Word/Excel/Markdown) achieving 99% export success rate.
    • Single codebase across PC Web, mobile H5, and APP WebView, raising code reuse rate from 30% to 70%.

深度参与核心产品平台研发,聚焦前端性能极限优化、编辑器架构重构与大规模国际化:

  • GitMind AI 工具平台官网
    • 基于 Astro 岛屿架构实现部分水合(client:load/visible/idle):首屏 JS 从 350KB 降至 50KB(−85%),TTI 从 3.2s 缩短至 1.5s,Lighthouse 分数从 70 提升至 95+
    • 开发 10+ 个 AI 工具功能页(AI 流程图、PDF 翻译、文档转导图、音视频摘要),支持 SSE 流式渲染与带有断线心跳恢复机制的 WebSocket 实时进度推送。
    • 研发 11 种语言国际化方案与 ExcelJS 翻译流水线,自动生成 484 个静态页面,SEO 得分 100,Google 收录率提升 300%;UnoCSS 将 CSS 从 450KB 压缩至 90KB(−80%)。
  • GitMind 思维脑图核心编辑器
    • 重构 mxGraph 流程图编辑器 UI,确立“Vue 组件层 → API 封装层 → 原生编辑器”三层解耦结构,统一封装 30+ 项核心功能
    • 打造多格式导出系统(PNG/SVG/PDF/Word/Excel/Markdown),导出成功率达 99%,支持动态水印与离屏画布渲染。
    • 一套代码多端同构复用(PC Web、移动端 H5 与 APP WebView),代码复用率从 30% 跃升至 70%
Education

B.Eng. in Computer Science and Technology

Wuhan Donghu College
GPA 3.8/4.0Top 3%First-Class ScholarshipNational AwardsComputer Science

B.E. in Computer Science & Technology at Wuhan Donghu College (2022–2026). Key academic metrics and competition achievements:

  • Academic Standing: GPA 3.8 / 4.0, ranked in the Top 3% of the major; awarded the First-Class University Scholarship (Top 1%) and “Top Student” honor.
  • Core Coursework: Python, Java, Go, Web Frontend Development, Database Principles, Software Engineering, Computer Networks, and Data Structures & Algorithms.
  • National Competition Awards:
    • Central-South China 2nd Prize, 18th National College Computer Design Competition (Mtimer Pomodoro Time Assistant* — Vue 3 + TypeScript + Pinia + Wails/Go + ECharts + DeepSeek AI).
    • National 3rd Prize, 17th National College Computer Design Competition (v2Note — Next.js + React + TypeScript + Wails/Go + Tailwind CSS + SQLite).

武汉东湖学院-计算机科学与技术本科(2022–2026)。核心学业指标与国家级竞赛成果:

  • 学业表现GPA 3.8 / 4.0,专业排名前 3%;荣获校级甲等奖学金(专业前 1%)与“三好学生标兵”荣誉称号。
  • 主修课程:Python、Java、Go、Web 前端开发、数据库原理、软件工程、计算机网络、数据结构与算法。
  • 国家级/赛区竞赛奖项
    • 第 18 届中国大学生计算机设计大赛中南赛区二等奖Mtimer 番茄工作法时间管理助手 —— Vue 3 + TypeScript + Pinia + Wails/Go + ECharts + DeepSeek AI)。
    • 第 17 届中国大学生计算机设计大赛全国三等奖v2Note —— Next.js + React + TypeScript + Wails/Go + Tailwind CSS + SQLite)。

Writing in public

Essays & Insights

Notes from building, learning, and living with technology.

All essays

Tech spectrum

Tech Radar & Matrix

From the interface to the infrastructure.

Frontend engineering
TypeScript · React · Vue · Astro
Systems & the edge
Go · Cloudflare Workers · SQLite · Docker
AI & agent workflows
LLM APIs · MCP · AI Agents

Drag to rotate. Pause to take a closer look.

Digital garden

A garden, always growing.

Follow new essays, small discoveries, and work in progress.

Search the garden