前端工程 · AI 工具 · 产品系统

项目 作品集.

用可验证的项目经历，展示从产品想法到线上交付的完整能力。

Zhang Manlu

前端工程与 AI 产品方向。关注复杂业务的界面架构、自动化流程、数据可视化与可落地的用户体验。

12+项目经历
6核心技术栈
AI自动化实践
方向
React / Vue 前端工程、AI 工具原型、B2B 产品界面、项目展示与部署。
优势
把业务目标拆成清晰的信息架构、组件系统与可验证的项目成果。
价值
让 HR 和技术面试官快速理解：做过什么、解决什么问题、产生什么价值。
项目档案
案例 01

AI 工作流看板

  • 我的角色：前端工程 / 产品原型搭建
  • 解决问题：分散的 AI 工具流程缺少统一入口与状态反馈。
  • 项目价值：梳理任务创建、执行、结果复盘链路，降低重复操作成本。
React TypeScript AI 工作流 数据看板
https://zhangmanlu.com/work/ai-dashboard
38%
24h
AI
案例 02

B2B 产品控制台

  • 我的角色：界面工程 / 组件系统设计
  • 解决问题：后台信息密度高，状态、筛选、操作路径不够清楚。
  • 项目价值：重构关键页面层级，让高频操作更容易扫描与执行。
Vue 设计系统 数据表格 交互体验
https://zhangmanlu.com/work/product-console
12
3x
99
案例 03

个人作品集部署

  • 我的角色：静态站点开发 / Linux 部署
  • 解决问题：个人域名、静态站点、HTTPS 与项目展示需要统一交付。
  • 项目价值：完成域名解析、Nginx 托管、证书配置与线上预览闭环。
Nginx HTTPS Linux 静态站点
https://www.zhangmanlu.com
200
SSL
上线
工作方法
01. 明确目标 先把业务目标、用户路径和评价指标说清楚。
02. 快速原型 快速做可交互页面，验证结构、文案和核心状态。
03. 交付上线 用工程方式收口：构建、部署、HTTPS、线上验证。

欢迎进一步了解我的项目经历

可提供前端工程、AI 工具原型、产品型 Web 项目与作品集展示相关经验。

发送邮件 查看项目