下载简历 PDF

  • 女 | 1997.02
  • 工作年限：6年
  • 邮箱：2670644996@qq.com
  • 微信：klmpan
  • 技术方向：React / Next.js / AI 应用开发
  • 离职一周到岗

个人优势

  • 6年前端开发经验，主导复杂 Web 应用开发，擅长 React / Next.js / TypeScript 技术体系。
  • 具备 AI 产品开发经验，参与 AI 教育平台开发，实现 AI 流式对话、AI 出题、语音识别等功能。
  • 熟练使用 Claude / ChatGPT / Cursor 等 AI 工具进行 Vibe Coding，显著提升开发效率。
  • 具备完整项目经验：架构设计 -> 开发实现 -> 性能优化 -> 线上部署。
  • 有 SaaS 系统开发经验，参与跨境供应链、ERP、CRM 等复杂后台系统开发。

核心技术

  • 前端框架：React / Next.js / UmiJS
  • 语言：TypeScript / JavaScript / HTML5 / CSS3
  • UI 框架：Ant Design / TailwindCSS
  • 状态管理：Redux / Zustand / React Hooks
  • AI 开发：LLM 流式对话 / Prompt Engineering / KaTeX 数学公式渲染
  • AI 工具：Claude / ChatGPT / Cursor / Copilot（Vibe Coding）
  • 工程化：Webpack / Vite / 代码分割 / 性能优化
  • 部署：Linux / Nginx / Docker / CI/CD / Vercel

工作经验

杭州籽行科技有限公司｜研发部｜前端（2024.12 - 2026.02）

参与开发 AI 教育平台 Learning I-Land，面向 G1-G12 国际学校学生和教师，负责学生学习端、后台管理系统以及官网前端开发。
技术栈：React + TypeScript + UmiJS / Next.js + TailwindCSS

核心贡献：

  • 实现 AI 流式对话系统，支持逐字输出 AI 回答。
  • 实现 KaTeX 数学公式渲染系统，支持复杂数学表达式。
  • 开发语音识别功能（Web Speech API），支持语音提问。
  • 开发后台管理系统，包括题库管理、用户管理、学习数据分析。
  • 负责 Next.js 官网开发并进行 SEO 优化。

易网创新科技有限公司｜杭州平台研发部｜前端（2020.06 - 2024.07）

  • 参与跨境 B2B 供应链 SaaS 系统开发。
  • 负责 ERP、CRM、财务系统等后台管理系统开发。
  • 开发订单管理、库存管理、供应链管理模块。
  • 参与数据可视化平台开发，实现财务报表与业务数据分析。
  • 优化前端架构和页面性能，提升系统稳定性与加载速度。

项目经验

1) AI 3D 短剧 Agent 工作台

  • 项目地址：https://devflow.aiyly.com
  • 项目角色：Web 全栈
  • 项目简介：“文本 -> 世界资产 -> 分镜 -> 3D 运镜 -> 图生视频”的 AI 短剧 Agent 平台。用户输入小说章节或剧本文本，系统自动拆解角色、空间、道具和场次，生成资产主图、结构化分镜、Three.js 运镜预览，并接入 Seedance 图生视频任务，完成从小说到视频片段的闭环。

技术栈：

  • Next.js 16 App Router / React / TypeScript / TailwindCSS
  • Prisma / MySQL / Google OAuth
  • Docker / GitLab CI/CD / Nginx / Three.js

核心架构：

  • 前端工作台 -> Next Route Handlers -> AgentRun / AgentStep 状态机 -> AI Provider 层 -> MySQL -> Three.js 预览与分镜台

技术亮点：

  • 手搓工作流 Agent：使用 AgentRun / AgentStep 实现任务编排，支持 pending、running、waiting_user_confirm、succeeded、failed 状态流转，具备用户确认、失败重试、历史任务恢复能力。
  • 工程化与部署：接入 Google OAuth 登录即注册、MySQL 持久化、Docker 镜像部署、GitLab CI 自动发布、Nginx 反向代理和静态资源服务，完成生产环境上线。

2) Learning I-Land（数学教育平台）

  • 项目地址：https://stu.learningiland.com/
  • 项目简介：面向 G1-G12 学段学生的 AI 驱动数学教育平台，提供个性化学习、智能练习、实时答疑等功能。

职责与成果：

  • 负责核心模块研发（AI 题库 / 语音识别 / 流式对话）。
  • 解决公式渲染卡顿、构建体积过大问题，构建体积优化 43%。
  • 实现实时语音转写、EPUB 电子书解析、国际化等关键功能。

技术栈：

  • React 18 + TypeScript + UmiJS 4 + KaTeX + React-math-keyboard
  • WebSocket + Web Speech API + React-intl + epubjs + ECharts

亮点能力：

  • 自定义 LaTeX 解析器：支持混合文本、公式、图片的智能解析。
  • 实时语音转文字：WebSocket + 音频流处理。
  • 流式 AI 对话：流式接口响应 + 实时渲染。
  • 电子书解析系统：统一 EPUB 处理方案。
  • 完整国际化：中英文双语支持。
  • 复杂状态管理：答题流程多状态同步处理。

3) Learning I-Land 官网

核心实现：

  • 多语言营销站搭建（next-intl）。
  • 会员微信支付闭环：订单初始化、微信二维码生成（QRCodeSVG）、倒计时与状态轮询。
  • 账号与全局状态管理：封装登录状态、会员权益、支付轮询的全局读写与清理逻辑，保证个人中心与支付页体验一致。

技术栈：

  • Next.js 16（App Router）/ React / TypeScript / next-intl / Tailwind CSS

4) 跨境供应链与企业后台系统（易网创新）

项目方向覆盖宣传页、供应商入驻、客户询单、市场主题报告、商品管理、用户管理、账号中心与平台登录注册。

核心工作：

  • 可视化图表与动效：ECharts、SVG、CSS/JS 数据轮播动画。
  • 长列表展示与交互优化（包含瀑布流场景）。
  • 平台埋点服务接入。

相关技术栈：

  • React / React Native / Redux / TypeScript / UmiJS / Ant Design / ECharts

官网地址：https://www.easyya.com/

5) CRM 客户关系管理系统

项目目标：为供应链平台业务提效，支持线上客户管理。
主要负责：销售单管理跟进、客户管理、菜单权限管理等。

技术栈：

  • React + TypeScript + UmiJS + Ant Design + ahooks

6) 跨境供应链账期与风控系统

项目目标：解决跨境卖家成长阶段资金短缺问题，提供最长 90 天账期能力。

主要工作：

  • 风控准入申请账期流程开发（长表单填写、前端校验）。
  • 风控后台审核系统开发（预警监控、风险数据展示与打标）。
  • 工程提效：封装组件库，使用 RollupJS 0-1 搭建 npm 包发布与维护流程。

技术栈：

  • React + TypeScript + UmiJS + Ant Design + RollupJS

工程与部署经验

  • 独立完成 Next.js 项目上线部署。
  • Linux 服务器 + Nginx 前端部署。
  • CI/CD 自动化构建与发布。
  • 前端性能优化与生产环境配置。

个人爱好

手工 · 编织

教育背景

安徽机电职业技术学院｜软件技术｜大专（2016.09 - 2019.06）