生活娱乐 · 🌱成长伙伴——一个属于自己的温暖树洞

:seedling: 初赛帖

【标签】生活娱乐

【标题】生活娱乐 · 成长伙伴——一个属于自己的温暖树洞

又名:成长树


大家好呀 :herb:

大三下的最近这段时间,焦虑总是反反复复地来找我。最近一个月好像都很难慢下来,想找个人聊聊,却发现大家都在忙,都有自己的事情。

于是,我想给自己创造一个小小的树洞。它不需要宏大的背景,只希望能记录每个当下的情绪——开心时有人分享,难过时有人倾听,迷茫时有人陪伴。

这就是「成长伙伴」诞生的原因。


1. Demo 简介

是什么: 一款治愈系成长陪伴微信小程序风格应用

面向谁: 和我一样,在快节奏生活中感到迷茫焦虑、有些孤单,渴望有个安静角落倾诉的

主要功能:

  • :speech_balloon: 温暖对话:与专属植物伙伴进行温馨对话,它能识别你的情绪,给你贴心回应

  • :deciduous_tree: 植物成长:选择一个植物伙伴,通过互动让它从嫩芽长成参天大树,见证彼此的成长

  • :hourglass_not_done: 时间胶囊:给未来的自己留言,可以选择挂在树上、藏在泡泡里,或者埋在沙滩贝壳中。未到开启时间点击,它还会对你做个狡黠的鬼脸哦~


2. Demo 创作思路

灵感来源:

这段时间我一直在思考一个问题——为什么我们明明生活在人群中,却常常感觉是一座孤岛?

我很难找到一个倾诉的时机,和人们相处也总是思虑过多,所以我像成为一棵树。它不会说话,但会静静地陪着我,我可以把心事说给它听,看着它慢慢长大。

想解决的问题:

  1. 倾诉需求:现代人压力大,却缺少一个安全、无评判的倾诉空间
  2. 陪伴需求:希望有一个温暖的存在,无论何时都在那里
  3. 自我觉察:通过记录情绪,更好地了解自己,见证成长

为什么做这个方向:

市面上有很多社交软件、心理App,但它们要么太复杂,要么太冰冷。我想要的很简单——一个小小的角落,安安静静,只属于我自己。

所以我选择了植物作为陪伴载体。植物不会评判你,不会催促你,它只是默默生长,用最温柔的方式告诉你:慢慢来,一切都会好起来的。【就像命运总会把你推向该去的地方——】


3. Demo 体验地址

:desktop_computer: 在线体验链接:cerulean-zuccutto-7272eb.netlify.app【Netlify Drop,复制该链接到浏览器即可打开体验啦】

:package: ZIP打包下载:

growth_tree_app.zip (18.4 KB)


4. TRAE 实践过程

说实话,这是我第一次做一个完整的应用,全部都是在 TRAE 的帮助下完成的。

开发流程:

第一步:从一个想法开始

一开始,我只是在 TRAE 里描述了我的需求——我想要一个能倾诉的树洞,有植物陪伴,有情绪识别。TRAE 帮我梳理了需求,建议做成微信小程序风格的单页应用。

Session ID: .314931924963419:43f58e761c8f1e46575caaaaa0b4def4_6a4c4820d0fc8516650a85e0.6a4da014fd9c6e7944390c79.6a4da01353231d59689221da:Trae CN.T(2026/7/8 08:55:48)

第二步:搭建基础框架

TRAE 帮我生成了完整的 HTML 结构,包括注册登录、植株选择、对话界面等。虽然一开始遇到了一些样式问题(比如 rpx 单位在浏览器中不生效),但 TRAE 很快帮我修复了。

Session ID:

.314931924963419:eef89fdaf14c8d97fd3c9ccd4a20c071_6a4c4820d0fc8516650a85e0.6a4da92afd9c6e7944390d36.6a4da92953231d59689221de:Trae CN.T(2026/7/8 09:34:34)

第三步:实现情绪识别与对话系统

这是最让我惊喜的部分!TRAE 帮我实现了基于关键词的情绪识别算法,能识别开心、难过、焦虑、生气等六种情绪,并给出对应的温暖回应。

第四步:时间胶囊的创意实现

我提出想要时间胶囊功能后,TRAE 帮我实现了三种视觉风格——树上、泡泡、贝壳,还有点击未到时间胶囊时的俏皮反馈。当我看到那个狡黠的笑脸弹窗时,真的忍不住笑了出来。

Session ID: .314931924963419:8919246cf38e9e32003a04f64ae0b3c6_6a4c4820d0fc8516650a85e0.6a4e0e9a748df7cd08c13756.6a4e0e9ac6511360c33f74c3:Trae CN.T(2026/7/8 16:47:22)

第五步:调试与优化

开发过程中遇到了一些问题,比如登录按钮点击无反应。TRAE 帮我排查出是因为缺少 </script> 闭合标签导致整个 JavaScript 无法执行。还有一些样式细节的优化,TRAE 都耐心地帮我调整。


:light_bulb: 开发心得

这次用 TRAE 开发的经历让我感触很深:

  1. 工具真的可以赋能普通人:作为一个没有什么开发经验的人,我居然做出了一个自己想象中的、能用的应用。这在以前是不敢想象的。

  2. AI 是很好的伙伴:TRAE 不会评判我的想法,无论我提出多么天马行空的需求,它都会尽力帮我梳理思路,帮我实现。就像我的植物伙伴一样,它一直在那里。

  3. 把真实的自己放进作品里:我觉得这个项目最特别的地方,就是它带着我的情绪和温度。我不是在做一个"产品",我是在给自己造一个树洞。


:memo: 报名帖链接

【生活娱乐赛道】:seedling: 成长树:让你的情绪长出一棵树

https://forum.trae.cn/t/topic/72855?u=u314931924963419


写在最后

这个小小的应用可能不够完美,但它是我这段时间心情的真实写照。希望它能给和我一样感到迷茫孤单的人,留下一些回忆,带来一点点温暖。

如果你有时间,欢迎来体验一下,给未来的自己写一封情书吧~

:seedling: 慢慢来,一切都会好起来的


2 个赞

欢迎大家一起分享更多的想法呀

1 个赞