跳到精选项目
陈美薏.建立联系

陈美薏 · FRONTEND DEVELOPER

让想法，在界面上着陆。

前端开发 · React / Vue

专注业务系统与 AI 应用开发。
把复杂流程，做成清晰、可用的交互。

探索我的作品 认识我
向下探索 SCROLL TO EXPLOREFRONTEND DEVELOPMENT
从界面到体验，从想法到实现。
01 / SELECTED WORK

想法的落点。

业务系统 × AI 应用
两类场景，两套前端实践。

01 / BUSINESS APPLICATION

TaskFlow CRM

项目时间
2026.03—至今
开发角色
独立开发（Web 方向）

客户管理与团队协作工作台

面向销售与运营团队，串联客户、合同回款、任务日程、团队协作与数据分析。独立完成开发与上线。

  • Next.js 16
  • React 19
  • TypeScript
  • Tailwind CSS 4
  • Supabase
  • Resend
  • Vercel
  • PWA
打开在线演示 进入员工演示即可体验示例工作台。
TaskFlow 公开演示：销售阶段、重点客户与待办任务概览查看大图
公开演示实拍 · 示例数据

在同一工作台查看销售阶段、客户跟进和待办任务。

  1. 01

    复杂业务交互

    关联客户、合同与任务日程，支持 Excel 导入导出与业务统计。

  2. 02

    权限与团队协作

    双角色鉴权与 RLS 数据隔离，结合 Realtime 同步业务与聊天消息。

  3. 03

    移动端体验

    适配移动端布局与操作，接入 PWA 和 Service Worker。

项目详细介绍展开 +收起 −

业务与数据

基于 Next.js 16、React 19 与 TypeScript 实现客户档案、合同回款、任务日程及数据分析；接入 Supabase Auth、Postgres 与 Storage。围绕关联业务设计数据表，通过 RLS 与受控 RPC 隔离多角色数据权限。

协作与交付

实现单聊、群聊、附件上传、历史检索、引用转发及未读同步；使用 Realtime 同步业务数据与协作消息。完成 Excel 导入导出、Resend 邮件、移动端适配、PWA，以及 Vercel 部署与 HTTPS 配置。

列表与统计

针对业务列表与统计场景采用索引、稳定排序、分批加载和数据库聚合，避免仅按前端分页数据计算仪表盘统计。

02 / AI APPLICATION

AI 数据复盘助手

项目时间
2026.06—至今
开发角色
独立开发（Web 方向）

让分析有依据，让行动先确认

面向销售团队，支持 CSV / Excel 多文件导入、经营分析、客户问题跨期追踪、AI 分析与报告导出。

  • Vue 3
  • TypeScript
  • Pinia
  • Supabase
  • pgvector
  • IndexedDB
  • OpenAI Responses API
  • Vercel
打开在线演示 点击「立即体验完整演示」，无需注册。演示不调用模型。
AI 数据复盘助手公开演示：内置经营周报、文档编辑器与分析目标面板查看大图
公开演示实拍 · 内置文档 / 本地检索模式

文档与分析目标并列展示，保留当前上下文和执行前确认提示。

  1. 01

    多文件与跨期对比

    处理数据去重与冲突，追踪问题的新增、持续、变化和解决状态。

  2. 02

    流式分析与引用溯源

    SSE 流式响应结合多文档检索，让分析结论能够回到原文。

  3. 03

    用户确认后执行

    表格计算交由确定性规则；AI 给出解释与建议，写操作经 Proposal 确认。

项目详细介绍展开 +收起 −

数据工作台

使用 Vue 3、TypeScript 与 Pinia 开发多文件导入、经营看板、跨期对比和 Excel 报告导出。通过确定性规则完成指标计算、去重与冲突识别，让分析结果可追溯。

上下文与流式交互

使用 Supabase Auth / RLS 隔离用户数据，结合 pgvector 做多文档检索与引用溯源，通过 IndexedDB 持久化大文档。Vercel Serverless Functions 接入 OpenAI、DeepSeek，处理 SSE 流式响应、Agent 工具调用与结构化分析。

可靠执行

针对工具重复调用、JSON 截断及异步结果串扰，引入工具去重、结构化结果校验与 runId / context 隔离。AI 负责决策解释与行动建议，写操作先生成 Proposal，再由用户确认执行。

02 / ABOUT ME

有好奇心，
也有执行力。

我是陈美薏，喜欢把复杂的流程整理清楚，再用界面把它表达出来。既在意一处交互是否自然，也在意它背后的数据是否可靠。

用 React / Next.js 开发 TaskFlow CRM，用 Vue 3 实践 AI 数据复盘交互。从业务权限到分析依据，我关注用户能否看懂当前状态、顺利完成下一步。

继续聊聊
FRONTEND

React / Vue 界面开发

在业务工作台与数据复盘项目中实践组件开发、状态管理与异步反馈，关注复杂表单、列表和移动端操作。

React 19 · Next.js 16 · Vue 3 · TypeScript · Pinia
BUSINESS SYSTEMS

业务系统与数据协作

围绕客户、合同、任务和日程组织交互，实践角色权限、实时协作与数据统计，把页面连接到完整业务流程。

Supabase · RLS · Realtime · PWA
AI INTERACTION

AI 应用交互

处理多文件与跨期上下文，关注流式反馈、引用溯源、异步结果隔离，以及写操作前的用户确认。

SSE · pgvector · IndexedDB · Responses API
03 / WHAT’S NEXT

下一次探索，
一起出发。

寻找前端开发机会，参与业务系统与 AI 应用的持续打磨。

陈美薏 前端开发 · React / Vue
chen110317@163.com
发邮件联系