【中秋国庆 VibeCoding】广府家庭中秋团圆安排小助手

每年中秋,佛山屋企都有固定流程:下午备料(炒田螺、芋头、柚子、菱角、灯笼仔),晚上摆桌"拜月光",拜完先开饭赏月。

但每年都有小状况——奶奶嫌年轻人唔懂老规矩、螺买少咗、月亮升起来香炉都未摆好、在外地嘅亲戚收唔到全家福……

所以今年用 TraeCode 做咗一个【广府家庭中秋团圆安排小助手】,一页搞定四代人嘅中秋!

:tanabata_tree: 这是什么

一个中秋团圆安排工具页面,包含5个功能模块:

  1. :alarm_clock: 时间线 — 从下午2点备料到晚上8点半全家福,11个时间节点逐项打勾,唔会漏步骤

  2. :shopping_cart: 采购清单 — 应节食材+拜月光用品+灯笼仔+家宴用品,4大类28项可勾选,带采购进度环

  3. :scroll: 拜月光贴士 — 摆桌方位、贡品规矩、拜祭顺序、后生仔易踩嘅坑,6条老规矩有据可依

  4. :red_paper_lantern: 灯笼仔巡游 — 小朋友专属任务页,7个任务闯关完成变"灯笼仔小队长",孩子不再无聊

  5. :moon_viewing_ceremony: 电子贺卡 — 上传全家福+写祝福语,一键生成中秋团圆贺卡,发俾到唔到场嘅亲人

:light_bulb: 灵感来源

评论区认领需求:用户描述佛山家中中秋流程,提到"老人守老规矩、爸妈忙张罗、年轻人想发圈、小孩想提灯笼"众口难调嘅痛点,希望有一个页面同时照顾四代人嘅需求。

:bullseye: 解决了什么假期问题

痛点 之前 现在
奶奶嫌年轻人唔懂规矩 口头讲,年轻人听完就忘 拜月光贴士页,6 条规矩白纸黑字,照做唔踩雷
备料漏买嘢 到拜月光先发现少咗香烛 采购清单逐项打勾,进度环实时显示
香炉月亮升起都未摆好 时间安排靠感觉 11 步时间线从 14:00 排到 20:30,几点做乜一目了然
小朋友觉得无聊 拜月光时到处跑 灯笼仔巡游 7 个闯关任务,孩子有参与感
外地亲戚收唔到全家福 微信单独发张相 电子贺卡拼上全家福 + 祝福,一键生成分享
爷爷奶奶看唔清手机 字太小看不到 左上角大字版切换,字体放大 4 号

:camera_with_flash: 效果展示

功能截图:

1.首页 - 进度环 + 五个功能Tab

2. 时间线 - 11步中秋流程,逐项打勾

3.采购清单 - 4大类28项,带进度

4.拜月光贴士 - 6条广府习俗规矩

5.灯笼仔巡游 - 小朋友7个闯关任务

6.电子贺卡 - 上传全家福+祝福生成

亮点功能:

  • 大字版模式切换(照顾爷爷奶奶)

  • 小朋友任务完成彩蛋动画

  • LocalStorage持久化,关掉再打开打勾记录还在

  • 全程粤语文案,广府味十足

链接:下载后在浏览器打开即可查看

广府中秋团圆助手.html (38.8 KB)

创作过程截图

2 个赞

拜月光老规矩都做进去了太有心了吧 奶奶肯定喜欢 赞

1 个赞