1. Demo 简介
产品形态：微信小程序
面向用户：18-35 岁对心理学感兴趣、想提升自我认知的年轻人，尤其是经常面临职场 PUA、社交焦虑、难以拒绝他人的用户
核心功能：
| 功能 | 说明 |
|---|---|
| 剧情通关 | 5 章 RPG 沉浸式剧情，融合自我概念、周哈里窗、人格面具、自我差异、认知重构等心理学经典理论，通过角色对话和分支选择推进 |
| 知识百科 | 5 个心理学知识卡片 + 48 条年度知识，含理论解读、生活案例、沟通技巧、套路识别 |
| 打卡习惯 | 每日打卡 + 自定义习惯养成，连续打卡触发徽章奖励 |
| 成长系统 | 五维属性（智慧/勇气/同理心/自律/创造力）+ 12 种成就徽章 + 经验等级 |
| 总结卡片 | Canvas 绘制的章节总结卡片，支持保存到相册和分享好友 |
建议在此处插入 3-4 张产品截图（首页、剧情对话、总结卡片、知识百科）
2. Demo 创作思路
灵感来源：身边很多朋友反复陷入职场 PUA、道德绑架、社交焦虑的困境，但他们觉得心理学书籍太厚、课程太贵。我想做一个"在故事中自然了解心理学"的产品，像玩游戏一样轻松。
想解决的问题：
- 年轻人面对"道德绑架"“职场PUA”"煤气灯效应"等心理操控时，缺乏识别能力和应对方法
- 传统心理学内容门槛高，理论和生活脱节，看了也不会用
为什么做这个方向：将心理学知识融入 RPG 剧情，每章拆解一个真实的心理操控套路，让用户在故事中"亲历"并学会应对。不是灌输，而是让用户在情节中自然吸收。
3. Demo 体验地址
方式一：微信小程序体验
-
已提交微信审核，审核通过后搜索"小禾晴心铺"即可体验
-
当前可通过微信开发者工具导入项目体验
4. TRAE 实践过程
整个项目从 0 到 1 使用 TRAE IDE 完成，以下是开发过程的关键阶段：
第一阶段：项目初始化与架构搭建（6 月 29-30 日）
从零开始搭建 Taro + React + TypeScript 项目。TRAE 帮我完成了：
- 项目脚手架初始化，配置 Taro 4.2 + React 18 + Sass
- 数据模型层设计（Character、Story、Chapter 等 TypeScript 类型定义）
- 5 章剧情 JSON 数据编写（含节点、对话、分支选择、Boss 战）
- 核心引擎层开发（StoryEngine、CharacterSystem、RewardEngine、BadgeSystem）
- 本地存储层（Storage 工具类，11 个持久化方法）
- 6 个页面开发（首页、角色创建、剧情体验、知识百科、打卡、个人中心）
- 8 个通用组件（DialogueBubble、StoryChoice、Modal、ProgressBar 等）
- 64 个单元测试编写，全部通过
第二阶段：功能完善与修复（7 月 1-8 日）
- 新增 3 个新手引导页和设置页面
- 年度知识库集成（48 条知识，按月份组织）
- 知识百科完善（解锁逻辑、年度知识 Tab、相关推荐）
- 打卡系统完善（连续天数计算、每日首次 EXP 发放、自定义习惯 CRUD）
- 个人中心完善（Canvas 雷达图、徽章墙、属性面板、章节进度）
- 自定义 TabBar 踩坑：glass-easel 组件框架导致
mount of null错误，移除后修复 - 知识点点击无效：knowledge.json 的 key（psy001）与 knowledgeRef（PSY-001）不匹配，增加
.replace(/-/g, '')修复 - 109 个单元测试全部通过
第三阶段：总结卡片与提交（7 月 9-12 日）
- SummaryPoster 组件开发：Canvas 2D API 绘制渐变背景、装饰元素、文字换行、圆角角色卡片
- 保存到相册 + 授权处理 + 分享给好友
- 编译打包，miniprogram-ci 上传至微信后台（v1.0.0，432 KB）
TRAE 开发全程：
.1496882051035178:03f70ee873481f1499ef0763343b4dbc_6a4461149ad63388d1cea13c.6a4e6524c53801cbdd88e615.6a4e65222b5958a0fa81cb3e:Trae CN.T(2026/7/8 22:56:36)
.1496882051035178:6bbcf5967b310ea7d4fbed7f51165e25_6a4461149ad63388d1cea13c.6a4462b49ad63388d1cea13e.6a4462b35b7ad7d5f66cb79d:Trae CN.T(2026/7/1 08:43:32)
.1496882051035178:161a600b5381b96ffd579732eff24c8e_6a4461149ad63388d1cea13c.6a4e66f2c53801cbdd88e622.6a4e66f12b5958a0fa81cb3f:Trae CN.T(2026/7/8 23:04:18)
.1496882051035178:b19005e94f0c4b8cfccee96c2cb96422_6a4461149ad63388d1cea13c.6a4ee1ebc53801cbdd88ea55.6a4ee1e92b5958a0fa81cb41:Trae CN.T(2026/7/9 07:48:59).1496882051035178:dd1ec43e12f155574a46daecb9712d08_6a4461149ad63388d1cea13c.6a44bd819ad63388d1ceaaf0.6a44bd805b7ad7d5f66cb79e:Trae CN.T(2026/7/1 15:10:57)
报名帖链接
技术栈：Taro 4.2 + React 18 + TypeScript + Sass
测试覆盖：109 个单元测试，全部通过
包体积：432 KB