跳到主要内容

贯穿全栈的产品工程

五年来，我持续交付面向客户的产品、后端服务、数据系统、在线迁移，以及支撑这些系统运行的基础设施。

时间线

  1. Covent

    高级前端工程师 → 团队负责人

    – 至今

    我以高级前端工程师身份加入 Covent（原名 Dispo Genius），随后成长为团队负责人。我负责前端架构、交付后端系统、制定工程标准，并指导三名工程师。

    • 我提出 Covent MCP，并带领它从构想走向生产。该 Go 服务交付了 23 个只读工具，并具备 OAuth 2.0 与 PKCE、租户范围访问、额度护栏、结构化日志、PostgreSQL 状态、分析和文档。我还构建了它的 EC2 交付路径，包括 Docker 镜像传输、数据库就绪检查、备份、迁移、分阶段健康检查、回滚和 Slack 报告。

    • 构思并发布了 Covent Spotlight，一套类似 Mac Spotlight 的搜索系统，随后将其提取为 Inbox 和 Prospecting 共用的 @covent/spotlight 工作区包。它协调本地与服务端数据源，并处理取消、分页、键盘导航和状态保留；Prospecting 使用 Fuse.js 进行模糊匹配。一位客户称这一体验带来了颠覆性改变。

    • 通过延迟加载重量级提供程序、SDK 驱动界面、非活动标签页与对话框，以及仅特定路由使用的代码，降低了六条应用路由的首屏 JavaScript。生产构建包体积下降 26%～40%，其中入驻流程从 482 降至 295 kB，房源营销活动从 808 降至 487 kB；Covent 的 CEO 称其为重大改进。

    • 带领并指导三人团队，担任前端代码负责人，评审产品与架构工作，制定工程标准，同时持续亲自参与代码开发。

    • 负责 Covent 从旧版 CRA 前端迁移到原生 Next.js 与 React 平台。在两代系统共存期间维护 V1/V2 导航和身份验证桥接，并在切换完成后移除 iframe 与旧版 API 层。

    • 将预计算的多智能体消息生成改为按需流程；在有记录的案例中，模型调用减少 96%，月度支出从约 $9,000 降至约 $700。

    • 端到端构建基于 Django 和 PostgreSQL 的 Prospecting Insights API，包括聚合查询和窗口查询、价格直方图、顶级投资者排名、规范化缓存键、测试和类型化前端集成。

    • 围绕实时房产 API、Mapbox WebGL 图层、地点、图钉和多边形搜索、有界客户端状态、过期请求取消，以及可容纳 10,000 项房产数据的 FIFO 累加器，重构 Investor Prospecting。

    • 构建实时 Inbox，包含虚拟化会话列表、可重连 WebSocket、乐观更新的短信与邮件、重试和回滚、附件、翻译、模板、定时发送、URL 路由与滚动位置保留。

    • 设计并交付 Auth 2.0，采用 XState 流程、持久化 Zustand 身份状态、串行令牌刷新、OTP、Google 与 GHL SSO、地点选择、跨标签页同步和重定向恢复。

    • 独立将服务端渲染与客户端渲染界面中的 Vercel Flags 替换为 LaunchDarkly，并加入故障安全评估、身份同步、响应式订阅、回退机制和回归测试。

    • 构建带防护的 Vercel 与 GitHub Actions 交付流程、发布与回滚报告、Sentry 可观测性，以及 E2E、Lighthouse 和 Unlighthouse 质量门禁。

    • React
    • TypeScript
    • Next.js
    • Go
    • Django
    • PostgreSQL
    • XState
    • Zustand
    • LaunchDarkly
    • WebSockets
    • AWS EC2
    • Sentry

  2. Metal

    全栈工程师

    –

    在一家由 Y Combinator 和 Andreessen Horowitz 支持的 AI 融资初创公司，端到端负责数据运营、通信、草稿持久化、前端教育和平台工具相关工作。

    • 在 20 天内交付具备版本控制的 DataOps Portal，支持任意表格渲染、快照、字段级覆盖，以及跨分层数据源的关系数据。

    • 端到端构建多层级笔记草稿系统，覆盖前端和后端，并采用 Redis 持久化与 localStorage 回退。

    • 参与 Networks and Communications Hub，按期交付 Communications Module，并通过技术复盘记录其实现。

    • 为后端工程师主讲 Frontend 101，深入讲解浏览器渲染、DOM 与 CSSOM、React 内部机制，以及 HTML、CSS 和 Next.js 的演进。

    • 使用 Nuqs 构建由 URL 驱动的全局设置系统，并参与 Vitest、Playwright、LaunchDarkly 和 Mixpanel 基础建设。

    • React
    • TypeScript
    • Next.js
    • Redis
    • Nuqs
    • Vitest
    • Playwright
    • LaunchDarkly
    • Mixpanel
    • NestJS

  3. Bleed AI

    软件工程师

    –

    参与早期 AI 产品和代理机构客户交付，并构建了我最早的一批生产后端服务。

    • 构建 UpAutomate，一款使用 LLM 评分、嵌套筛选和 OpenAI API 的 Upwork 职位匹配产品；试用用户达到 150 人。

    • 为代理机构客户交付 React 和 Next.js 应用。

    • 构建 FastAPI 服务，并使用 Docker 将容器化工作负载部署到 GCP。

    • React
    • Next.js
    • FastAPI
    • Docker
    • Google Cloud
    • OpenAI
    • Python

  4. TimeXperts / Workforce Software

    助理软件工程师 → 软件工程师

    –

    通过 TimeXperts 加入 Workforce Software 团队，为 Canon、Ornge 和 National Gypsum 交付企业级工时与考勤实施项目。

    • 为 Canon、Ornge 和 National Gypsum 重构工时与考勤系统的实施方案，为这三家企业客户贡献了超过 $100,000 的收入。

    • 构建了一款基于 Next.js 的内部 Jira Comment Generator，使创建评论所需时间减少 30%。

    • 在大约三个月内从助理软件工程师晋升为软件工程师。

    • React
    • TypeScript
    • JavaScript
    • Next.js
    • HTML
    • CSS

  5. ZUE

    初级软件工程师

    –

    任职于 ZUE，这是一家业务流程外包公司，其业务根植于医疗运营领域。

    • 构建客户报告仪表板，让运营和医疗分析数据更易于查看。

    • 构建考勤与管理系统，并接入公司的指纹考勤机。

    • 使用 Python 清洗并规范来自医疗、配送和骑手等多个来源的报告，再将其导入 Power BI，取代重复的电子表格整理工作。

    • React
    • MUI
    • Bootstrap
    • HTML
    • CSS
    • Python
    • Pandas

  6. 独立客户项目

    自由职业软件工程师

    –

    六个月的专业客户项目经历，重点围绕加密货币产品和全栈交付。

    • 构建了一款全栈加密货币钱包，使用 React、Ionic、Redux、Express 和 MongoDB 实现持仓、价格和历史可视化，以及买入、卖出、转账和交易流程。

      前端代码仓库后端代码仓库

    • 使用 Flask 和 SQLAlchemy 为付费客户构建教育平台，支持教师与学生账户、班级、作业、加权评估、重复作答、审核和排行榜。

      查看代码仓库
    • React
    • Express
    • MongoDB
    • Flask
    • SQLAlchemy

独立构建

由我发起并端到端构建的系统，包括已在生产环境使用的 Covent 产品和私有 Go 项目。

在 Covent 从构想到生产

Covent MCP

我在 Covent 提出并从构想到生产全程负责的系统。它的 Go 服务交付了 23 个只读工具，并具备 OAuth 2.0 与 PKCE、租户范围访问、额度护栏、结构化日志、PostgreSQL 状态、分析和有文档记录的 EC2 交付。

  • Go
  • MCP
  • OAuth 2.0
  • PostgreSQL
  • AWS EC2
阅读文档
在 Covent 从构想到生产

Covent Spotlight

一个可复用的 Mac Spotlight 风格搜索包，由我在 Covent 从构想到生产全程推动。这个私有工作区包组合本地与服务端数据源，支持可取消分页和键盘导航，并在 Prospecting 中使用 Fuse.js 进行模糊匹配。目前正内部使用，未来计划发布到 npm。

  • React
  • TypeScript
  • Fuse.js
  • Async APIs
  • AbortSignal
在 Covent 从构想到生产

Covent Codex

一款可自更新的 Go CLI，用于在多个代码仓库中分发带版本的 Codex 指令、技能和工作流，而无需将它们提交到产品代码中。它通过托管区块保留个人 AGENTS.md 内容，使用 SHA-256 校验和检测本地修改，在同步前预览带颜色的逐行差异，跟踪多个代码仓库目标，并发布通过校验和验证的 macOS 版本。

  • Go
  • CLI
  • SHA-256
  • GitHub Actions
访问 Covent Codex
私有项目

Daftar

一款私有 Go 职业伴侣，将项目、里程碑和职业记录整理为类型化数据与服务端渲染的仪表板。

  • Go
  • net/http
  • html/template
  • Typed JSON
开发中

Khana

一款私有营养追踪器，用于记录每周热量、根据 TDEE 估算平均减脂量，并提供有序图表、服务端渲染的报告和日志。开发中。

  • Go
  • net/http
  • html/template
  • JSON
  • go-chart
开发中

Nethergate

一款开发中的 Minecraft 服务器引导工具，可解析 Mojang 版本、流式下载服务器文件、计算 SHA-1，并拒绝校验和不匹配的文件。

  • Go
  • HTTP streaming
  • SHA-1
  • Mojang API

早期系统与协作项目

这些生产、学术和协作项目奠定了我在后端开发、算法、桌面软件和应用机器学习方面的基础。

我 11 岁时便开始使用 Turbo C 和 C 编程。到 2017 年，我开始使用 Visual Basic 构建建筑成本计算器，根据房屋尺寸和当地材料价格估算材料用量与总成本。这些早期工作逐步发展为下列系统。

生产项目

Truck Fleet Management

构建车队追踪系统，支持基于角色的企业与卡车管理、地图上的最新位置和位置历史。相关文章介绍了如何将重复的追踪 API 请求迁移到定时运行的 NestJS 微服务。

  • React
  • TypeScript
  • NestJS
  • MongoDB
  • Google Maps
阅读相关文章
协作项目

Dynamic Programmer

协作开发一款 Electron 桌面应用，通过交互式输入和计算结果演示十个动态规划问题。

  • Electron
  • JavaScript
  • HTML
  • CSS
查看代码仓库
学术项目

Visualized Pathfinding GUI

使用 Python 和 Pygame 构建交互式 A* 可视化工具，支持用户自定义障碍、曼哈顿启发式算法和路径重建动画。

  • Python
  • Pygame
  • Tkinter
  • A*
查看代码仓库
协作项目

Sentiment Analysis

协作开发一个覆盖六类情绪的 Bi-LSTM 文本情绪分类器，报告其在约 22,000 条已标注评论上的准确率为 88.9%。

  • Python
  • TensorFlow
  • Keras
  • Bi-LSTM
  • GloVe
查看代码仓库