硬件交互 - 时光厨伴:智能电子沙漏烹饪计时器 + Web 展示与社区平台

网站体验连接

一、团队介绍
团队介绍:饮食飓风
我们是谁
饮食飓风是一支由三位青少年创客组成的跨年级小队。我们来自广州,带着对硬件、代码和美食的共同热爱,撞进了这场"创客作品产品化"的冒险。
虽然年级不同、特长各异,但我们有一个共同的信念:好的发明不该只躺在作品展示柜里,它应该真正走进生活、解决真实的问题。
我们的协作方式
这是一个"硬件 + 软件 + 设计"全链路覆盖的组合。在项目推进中,我们形成了清晰的协作节奏:
硬件端:从 Arduino 代码到 3D 打印外壳,从电路焊接到点阵屏动画调试,我们先把"沙漏流动"的效果在物理世界跑通。
Web 端:借助 TRAE 的辅助,我们将项目全貌转化为可交互的线上平台——视频展示、设计图画廊、IP 商城、设备社区,一个不少。
产品端:我们始终围绕一个真实
二、产品简介
是什么: 一款基于 ESP32 的智能电子沙漏烹饪计时器(硬件)+ React Web 展示与社区平台(软件),将"计时工具 + AI 助手 + 社区生态"串联在一起,打造一个完整的烹饪辅助体验闭环。
面向谁:
烹饪新手(尤其是青少年和厨房小白)
对物联网(IoT)全链路开发感兴趣的学习者
完整功能清单与用户路径:
硬件端——电子沙漏烹饪计时器:
精准可视化计时:MAX7219 点阵屏以"沙粒流动"动画实时显示剩余时间,厨房里一抬头就能看到进度,无需凑近手机屏幕
自然交互:翻转设备即可重置计时,像真实沙漏一样直觉操作
AI 语音助手:LS26 语音交互模块,支持烹饪问题问答(如"牛排要煎多久")和关键时间点主动语音提醒(如"该翻面了"“该关火了”)
MQTT 菜谱下发:线上社区分享的菜谱可一键下发到物理设备的点阵屏
Web 端——展示与社区平台:
项目展示区:嵌入 B 站演示视频、设计图纸画廊、硬件配置清单
IP 周边商城:展示"时光厨伴"系列表情包、语音包、主题皮肤,支持分类筛选、搜索、收藏、模拟购买下载
设备社区:基于 MQTT 的菜谱分享与设备联动,菜谱可一键下发到物理设备
用户使用路径:
烹饪场景:翻转沙漏 → 点阵屏动画倒计时 →关键节点提醒 → 烹饪完成
浏览场景:访问网站 → 社区分享菜谱 → 下发到设备
相比初赛 Demo 的升级:
初赛阶段:完成了核心计时功能与基础 Web 页面框架
复赛阶段新增:IP 商城完整交互(收藏、下载计数、分类筛选、搜索、模拟支付)
localStorage 状态持久化(自定义 Hook 封装)
Motion 动效库集成(卡片浮起、弹窗进出场动画)
MQTT 社区菜谱分享与设备联动功能


三、产品演示视频

https://www.bilibili.com/video/BV1P7un6RE9K/​

四、产品创作历程
灵感来源: 这个 idea 来自一个特别真实的场景——周末在家帮忙煮饭,灶上炖着汤、锅里焯着菜、烤箱还烤着东西,每个步骤时间都不一样。手忙脚乱地设置手机计时器,但厨房里油烟大、手上有水,操作手机屏幕特别不方便;而且闹钟只响一声,响了之后才想起来——我到底该去翻哪个锅?
那一刻我在想:如果有一个专门放在厨房的计时器,像沙漏一样直观,像语音助手一样聪明,那该多好。
想解决的问题:
手机计时器在厨房里"看不清、不好操作、提醒不到位"
普通计时器和菜谱 App 是割裂的,看菜谱和计时是两件事
烹饪新手需要"有人告诉他下一步该做什么",而不只是"时间到了"
从想法到 Demo 到复赛的演进:
想法阶段:确定核心痛点,构思硬件方案(ESP32 + MAX7219 + LS26),设计点阵屏沙漏动画算法
初赛 Demo:完成硬件原型——点阵屏计时动画、翻转重置、基础语音交互;Web 端搭建基础展示框架
复赛打磨:Web 端全面升级——IP 商城完整交互逻辑、localStorage 持久化、Motion 动效、暗色科技风 UI;硬件端优化语音交互准确率、新增 MQTT 菜谱下发等功能
五、TRAE 实践过程

  • 开发关键步骤截图(不少于 3 张);

  • 附**关键任务对话的 Session ID(不少于 3 个)

  • 1941067712444515:8ab05209e159779e1b2261d931c6b445_6a40bbfade2c02fc01f04a21.6a6852d268d0ed6e02c54352.6a6852d1a20873d9b192bad4:TRAE Work CN.0.1.25.no_sid.no_ppe.T(2026/7/28 14:58:33)

  • 1941067712444515:f34fc56c576a0bd46d5be101cba0a678_6a40bbfade2c02fc01f04a21.6a6856ca68d0ed6e02c5438d.6a6856ca68cf6bceb88ff89e:TRAE Work CN.0.1.25.no_sid.no_ppe.T(2026/7/28 15:15:35)

  • 1941067712444515:34d1b1c4d7e2103c3c27092053a048f4_6a40bbfade2c02fc01f04a21.6a6af1b9f780ad8bbd3244fd.6a6af1b8167ec19a6c043836:TRAE Work CN.0.1.25.no_sid.no_ppe.T(2026/7/30 14:44:48)