PROJECTS
RELICS OF INNOVATION
帮到你饮食
餐饮小程序 | 线上点餐 | 商家后台
商家入驻、在线点餐、订单管理、支付集成、打印机对接、公司官网
负责餐饮业务线全端前端架构与核心功能开发，产品矩阵覆盖 C 端用户、B 端商家、平台运营，服务 30+ 餐饮品牌，日均订单量 50+。 多端产品矩阵与核心功能 C 端：帮到你饮食小程序（点餐、团购、预约、会员）、帮到你官网（Astro 静态站点） B 端：帮到你商家管理系统（PC）、帮到你商家 APP（Uniapp），支持商家入驻、商品上架、订单管理、团购核销、打单机对接 平台运营：魁腾蛟后台管理系统（Vue3 + Element-Plus），统一管控商家审核、自营商店、数据报表 关键业务模块实现 全场景点餐体系：支持线上点餐、线下扫码点餐（先付/后付两种模式），基于 Uniapp 实现商家 APP 端核销与订单同步，保证多端状态一致性 商家入驻与自营商店：设计商家入驻流程（资质上传、审核状态流转），自营商店支持平台自营商品与商家商品混合展示，通过权限控制区分运营后台操作 对接打单机：在商家管理系统与 APP 中集成蓝牙/网络打印功能，实现订单自动/手动出票，降低商家漏单率 团购与预约：实现团购券码生成与核销逻辑，预约时段防冲突校验，支持小程序订阅消息推送 技术架构与工程化 技术栈统一：PC 端采用 Vue3 + Vite + Pinia + Element-Plus，移动端使用 Uniapp + uView，官网选用 Astro 实现 SEO 友好与高性能静态站点 工程化部署：基于 Jenkins + Docker 搭建 CI/CD 流水线，实现多环境（dev/test/prod）自动化构建与部署，单次发布时间从 30 分钟缩减至 5 分钟 性能优化：小程序分包加载（主包 1.2MB，分包总计 8MB），首屏打开时间优化至 1.5s 量化成果（可根据实际数据调整） 服务商家数：30+ 餐饮品牌 日均订单：50+ 单 商家入驻转化率：35% 小程序日活：100+ 官网 SEO 优化后自然流量提升 20%
水电智能一体化系统
数据中台 | OA | 数据大屏 | 能源监测系统
数据中台、任务工单系统、数据大屏、能源监测系统
负责公司核心能源管理平台的前端架构与开发，系统涵盖数据中台、OA、工单、大屏、能源监测、原数据监测等 6 大子模块。 Web 端：基于 Vue2 + Webpack + Element-UI 构建后台管理及数据大屏，采用 ECharts 实现实时曲线、仪表盘等 20+ 可视化组件；使用 Leaflet 绘制能源管网地图，Three.js 展示 3D 设备模型与告警定位 移动端：基于 Uniapp + uView 开发工单巡检、设备状态查看等功能，支持离线缓存与扫码录入 硬件对接：前端通过 WebSocket 接收数据中台服务推送的实时仪表数据，设计心跳保活与断线重连机制，保证监测数据延迟 < 1s 使用 Node.js 编写中间层接口，聚合多个数据源，降低前端跨域与鉴权复杂度 核心功能模块实现 数据中台：设计动态数据源配置面板，支持用户自定义数据表映射与 SQL 查询预览，降低新接入设备的开发成本 OA 与工单系统：实现流程表单设计器（基于 JSON Schema）、任务看板、流转日志，覆盖工单创建、派发、处理、验收全流程。 能源监测与原数据监测：开发实时/历史数据对比曲线，支持多站点、多设备组同时展示；实现阈值告警配置与弹窗/声音提醒 数据大屏：适配 2K/4K 分辨率，使用 postcss-px2rem + 比例缩放实现全屏自适应；通过 WebSocket 推送实时数据，大屏刷新频率达 3s/次 性能与稳定性优化（亮点） 长列表优化：针对工单列表、历史数据查询等场景，采用虚拟列表渲染万级数据行， 接口层优化：封装请求缓存策略（LRU + 过期时间），对实时性要求低的配置类接口缓存 5 分钟；对连续触发的查询操作增加防抖，有效减少重复请求，接口调用量降低 40% 构建优化：通过 Webpack 配置代码分割（splitChunks）、压缩、CDN 外部化等，首屏加载时间从 4.2s 优化至 1.8s；开启 gzip 压缩后资源体积减少 60% 运行时优化：对 ECharts 大屏页面按需引入组件，减少打包体积 30%；使用 keep-alive 缓存工单表单状态，避免重复填写 组件封装：抽象出 10+ 通用组件（虚拟滚动表格、ECharts 容器、WebSocket 客户端、工单状态流转等），被 5 个内部项目复用 部署上线：基于 Jenkins + Docker + Nginx 搭建前端 CI/CD 流水线，支持多环境（dev/test/prod）一键构建与回滚 监控与告警：接入 Sentry 捕获前端错误，自定义性能埋点（首屏、接口响应、WebSocket 连接成功率），通过 Grafana 展示关键指标
SuDuAI
进销存系统 | AI智能体 | APP
进销存系统、自定义后台模板、AI智能体、APP扫码出入库、语音交互
AI 进销存系统（智能仓储助手）| React + Expo + TypeScript + DeepSeek API + WebSocket 负责公司核心进销存产品的 AI 化升级，打造“AI 智能体协作”能力，覆盖自定义后台、语音交互、智能查询等场景。 出入库移动端语音交互 移动端使用React Native + Expo开发，开发IOS端，集成iOS Speech Framework And DeepSeek 意图识别。仓库人员可通过语音完成“入库 A 商品 200 件”“扫描货架号 B-12 出库”等操作，结合语音播报反馈，实现双手解放的快速作业。单次出入库操作时长由 45 秒降至 15 秒。用户可通过对话直接完成“查询近 7 天入库量前 10 的商品”“生成库存预警报表”等复杂操作，将 SQL 查询与 API 调用封装为模型可调用的 Function Calling 能力，查询效率从平均 3 步操作降低为 1 句自然语言，业务人员使用门槛大幅降低。 自定义后台模板引擎 设计可视化后台配置系统，支持不同角色（管理员/仓管/财务）自定义导航、图表卡片与数据看板。基于 JSON Schema + 动态组件渲染，实现页面配置零代码交付，模板复用率提升 60%，新增客户部署时间从 1天缩短至 2 小时。 流式对话与上下文保持 在 PC 端与 APP 端统一实现流式对话体验，通过 WebSocket 接收 DeepSeek 增量响应，并维护会话上下文。用户可连续追问“上周的呢？”“只看 A 品类”，系统自动关联历史查询条件，对话体验连贯。
海外建站
外贸网站 | 海外建站 | 优化排名
外贸网站、根据不同区域关键词进行海外建站、优化排名、流量转化、支付集成
技术栈：Next.js、Neon、Stripe、Google Trends、Ahrefs、Vercel、Cloudflare 数据驱动的热点与关键词挖掘 利用 Google Trends 追踪海外多区域实时热点，结合 Ahrefs 分析长尾关键词及竞争度，建立自动化词库分析流程，为站点内容方向提供精准数据支持，确保内容与搜索意图高度匹配。 Vibe coding 快速建站与内容生产 基于 Next.js 搭建高复用站点骨架 + Neon 数据库，采用 Vibe coding 模式快速迭代功能与模板，大幅缩短新站点/新频道的上线周期，内容生产效率提升 40%+。 全链路 SEO 优化（重点） 技术 SEO：灵活运用 Next.js 的 SSG/ISR 策略，生成静态页面与增量更新，配合Vercel保证内容即时发布与低延迟。 性能优化：优化 Core Web Vitals（LCP、FID、CLS），通过图片懒加载、字体优化、代码分割及 Cloudflare 边缘缓存，提升页面加载速度与用户体验。 内容与链接策略：自动化生成 sitemap.xml 与 robots.txt，实现内部链接优化与关键词锚文本布局；动态元标签（title、description、canonical）基于热点关键词自动生成。 排名与流量增长：通过测试标题、描述及内容结构，配合 cloudflare 快速验证 SEO 改动。搜索排名显著提升，自然流量环比增长 30%。 商业化与可持续营收 集成 Stripe 订阅支付，实现付费内容/会员权益；接入广告管理（如 Google AdSense 或自定义广告位），通过 A/B 测试优化付费转化路径，形成订阅 + 广告双引擎营收模式。
AI小参
AI小参码、AI模型thinking与对话交互体验
AI小参码、AI模型thinking与对话交互体验
负责前端架构设计与核心功能开发，实现类AI模型thinking与对话交互体验，DAU 2000+ 核心难点： 1、大模型流式响应的实时渲染会导致DOM重排重绘，通过自定义 Streaming Parser 实现 Markdown 增量渲染，现用Pretext首字符延迟降低至 200ms 以内 2、构建RAG本地知识库：构建前端向量数据库，使用 Transformers.js 在浏览器端生成代码片段的 Embedding，并存储于 IndexedDB；当用户提问时，检索相似代码片段作为上下文注入 Prompt，使模型能基于用户本地代码库回答，回答准确率提升 28%，同时减少 30% 的 API Token 消耗 设计Prompt 工程方案，针对代码场景优化输出格式，使代码块可识别率从 72% 提升至 94% 抽象出可复用组件（StreamingMarkdown、ConversationList 等），发布为内部 npm 包，被 2 个其他项目复用 开通Vercel AI SDK 服务层，支持 OpenAI/Claude/国产模型一键切换，降低模型耦合成本
