← 作品集 Portfolio

Portfolio — 主案例

食算纪 Foodiary

给每天靠外卖和食堂吃饭、想知道自己到底吃了多少、 又懒得一项项手输的人。拍一张照,六秒内告诉你吃了什么、多少热量、还缺哪一样。

记录类工具的败点不在食物库不够全,在「记起来太麻烦」。所以我先不堆功能, 把力气全压在识别这一条链路上:让记录的成本低于放弃的成本,再谈准不准。

食算纪小程序首页:今日目标 1550 kcal 与 AI 推荐食谱
食算纪小程序:拍完照自动识别为面条约 200g、684 kcal
食算纪小程序:同一餐的营养小账本,蛋白 26g、碳水 60.8g、脂肪 39.2g 与三养分占比

首页 · 今日目标 1550 kcal,下面是按体质推荐的食谱

识别后 · 拍完自动填好:面条约 200g / 684 kcal

往下滑 · 营养小账本:蛋白 26g / 碳水 60.8g / 脂肪 39.2g

食算纪小程序码

线上真实版本

已在微信上线,扫码直接玩。
本页是离线复刻,数据结构与真实接口一致。

小程序端 · 同一餐的三段记录(真实截图,滚轮放在图上转,或按住拖动)
6s单张识膳耗时
14小程序页面
3条 AI 链路
5数据表 / 路由组
1人从调研到上线

把照片放到这里

拖拽,或点左边任意一张

识别结果 字段与真实接口一致
食物名称
份量
热量
蛋白质 / 碳水 / 脂肪
置信度

放一张照片进来,这五个位置会被真实识别结果填满

把小人拖进来

扫描体质 · 计算代谢

体检报告 Mifflin-St Jeor
BMI / 体型
基础代谢 BMR
每日消耗 TDEE
目标热量
蛋白 / 碳水 / 脂肪
每日饮水

六项指标,拖一个人进来就有

04 — 取舍记录

四次取舍
各有代价

两条产品取舍,两条工程取舍。工程那两条我补了一句「这意味着什么」—— 技术债还得清,产品判断错了没得救。

05 — 项目档案

留个底

技术栈

我做了什么

  • 独立完成用户调研、产品定义,以及 14 个页面的信息架构与交互设计
  • 设计 5 张数据表模型与 5 组 RESTful 路由,JWT 认证加 token 黑名单
  • 编写全部 AI 提示词与 Function Calling 逻辑:识膳、档案规划、食谱生成
  • 三餐茶点按日回看、左滑删除、藏膳阁收藏一键记膳,数据同步云端

06 — 联系

如果你玩过了上面三个框,
我们已经共享过一次完整体验。

这是我的旗舰项目,上面是完整拆解。想聊哪个,邮件都行。