feat: 项目初始化及当前全部内容提交

2025-07-15 17:37:50 +08:00
parent ec817067f1
commit e78f192d34
622 changed files with 75174 additions and 383 deletions
@@ -0,0 +1,267 @@
+# MVP功能需求文档
+
+**生成时间**: 2025-07-03 11:31:17
+
+**源文件**: MVP功能.pdf
+
+**总页数**: 7
+
+MVP功能
+
+你已经为MVP构想出一个⾮常完整、用户体验导向的原型了！下面我将按照你提出的四个页面结构，
+
+把功能要点进行**模块化梳理**，方便你用来指引设计开发，也方便你在Cursor⾥逐步实现每个部分
+
+的前端/后端逻辑。
+
+### ✅整体结构：底部导航栏4个主页面
+
+导航项：聊天|开心||探索|我的
+
+## 📘页面一：记录（情绪主页+聊天入⼝）
+
+### ✅核心功能：
+
+- 左上⻆入⼝：聊天内容回顾页（情绪对话记录索引页）。
+- 右上⻆设置（主题切换）
+- ⽇历组件（单行，可展开）：支持情绪记录、历史回顾标记。
+- 中心展示AI疗愈师3DIP（静态MVP阶段可用插图代替）
+- 底部对话框输入：
+- 支持语⾳、文字、图⽚输入
+- 点发送后进入全屏对话模式（AI聊天），AIIP缩为头像
+
+**技术建议：**
+
+| MVP功能 你已经为MVP构想出一个⾮常完整、用户体验导向的原型了！下面我将按照你提出的四个页面结构， 把功能要点进行**模块化梳理**，方便你用来指引设计开发，也方便你在Cursor⾥逐步实现每个部分 的前端/后端逻辑。 |
+| --- |
+| ✅整体结构：底部导航栏4个主页面 导航项：聊天|开心||探索|我的 |
+| 📘页面一：记录（情绪主页+聊天入⼝） ✅核心功能： • 左上⻆入⼝：聊天内容回顾页（情绪对话记录索引页）。 • 右上⻆设置（主题切换） • ⽇历组件（单行，可展开）：支持情绪记录、历史回顾标记。 • 中心展示AI疗愈师3DIP（静态MVP阶段可用插图代替） • 底部对话框输入： • 支持语⾳、文字、图⽚输入 • 点发送后进入全屏对话模式（AI聊天），AIIP缩为头像 技术建议： |
+
+
+---
+- 可用 做语⾳转文本MVP
+react-speech-recognition
+
+- 全屏聊天页面：使用GPT-4或现成情绪对话接⼝+表情动画反馈
+①左上⻆
+
+②右上⻆
+
+（⽇记本图 ③单行⽇历 折叠/展开 选择⽇期
+
+（设置图标）
+
+标）
+
+可滚动页面 ⽇历数字变 弹出可选择的 主题设置
+
+AI对话记录 为心情图标 选择心情图标 心情图标 ⾳乐设置
+
+⾳效设置
+
+选择记录 选择主题
+
+调整⾳量
+
+聊天记录
+
+调整⾳量
+
+随机打招呼文案
+
+跳转聊天详情 界面主题变化
+
+⾳乐⾳量变化
+
+⾳效⾳量变化
+
+AI总结
+
+查看课题 表情动作变化
+
+点击产生交互 ⽓泡文案变化
+
+（跳转课题系统）
+
+语⾳跟随⽓泡
+
+跟随手指移动
+
+ 图⽚
+
+语⾳
+
+输入文字...
+
+⻨克⻛
+
+记录 聊天
+
+AI 探索 发现 我的
+
+分析心情 反馈⾄③，⽇历数字变为心情图标
+
+AI智能分析
+
+记录 内容收录⾄①
+
+（A）
+
+反馈⾄①，未读提示
+
+分析内容
+
+反馈⾄课题系统（若有））
+
+语⾳ 聊天已收录
+
+AI智能分析 顶部 反馈⾄页面2
+
+聊天
+
+（A） 弹窗 未读提示
+
+解锁新课题
+
+文字
+
+课题进度有更新
+
+
+---
+语⾳聊天 文字聊天
+
+切换全屏 切换全屏
+
+收起 X
+
+切换文字聊天 收起
+
+可滚动页面
+
+ 图⽚
+
+语⾳
+
+挂断 文本输入框
+
+⻨克⻛
+
+## 📗页面二：治愈（个人成长档案）
+
+### ✅模块结构：
+
+A.情绪洞察与成长课题板块
+
+- 来自：
+1. ⽇常聊天自动总结
+2. 主动探索测试
+3. 命盘（出生数据生成）
+B.课题标签系统
+
+- 每个课题一个标签，包含：
+- 当前等级/进度
+| 语⾳聊天 文字聊天 切换全屏 切换全屏 收起 X 切换文字聊天 收起 可滚动页面 + 图⽚ 语⾳ 挂断 文本输入框 ⻨克⻛ |
+| --- |
+| 📗页面二：治愈（个人成长档案） ✅模块结构： A.情绪洞察与成长课题板块 • 来自： 1. ⽇常聊天自动总结 2. 主动探索测试 3. 命盘（出生数据生成） B.课题标签系统 • 每个课题一个标签，包含： • 当前等级/进度 |
+
+
+---
+- 可点入：AI对话、知识文章、行动建议
+- 完成一次互动：课题升级/积分/⽪肤/称号掉落
+C.用户画像五维图（或视觉更优形式）
+
+- 根据用户的成长路径动态生成
+- 示例：自我感知|情绪韧性|行动力|共情力|生活热度
+
+**技术建议：**
+
+- 使用radarchart（五边图）或Tag系统管理成长维度
+- Tag模块可作为数据库中的 表维护
+UserGrowthTopic
+
+| • 可点入：AI对话、知识文章、行动建议 • 完成一次互动：课题升级/积分/⽪肤/称号掉落 C.用户画像五维图（或视觉更优形式） • 根据用户的成长路径动态生成 • 示例：自我感知|情绪韧性|行动力|共情力|生活热度 技术建议： • 使用radarchart（五边图）或Tag系统管理成长维度 • Tag模块可作为数据库中的 表维护 UserGrowthTopic |
+| --- |
+|  |
+|  |
+|  |
+
+
+### 页面图片信息
+
+- 图片 1: X163
+
+
+---
+## 📙页面三：探索（情绪地图+笔记分享）
+
+### ✅地图展示+推荐逻辑
+
+- 地图上两类地标颜⾊：
+1. 用户自⼰收藏/计划出行地
+2. AI根据情绪推荐场景（匹配情绪+地点）
+- 地标弹窗内容：
+- 场景图⽚
+- 评论（系统/用户）
+- 社区笔记
+- 收藏/加入计划
+### ✅分享视图切换
+
+- 地图左上⻆切换为**社区模式**（美好⻆落分享）
+- 用户上传图⽚+文字标记城市疗愈⻆落
+- 可点赞、评论、转发
+
+---
+
+**技术建议：**
+
+- 使用Leaflet/Mapbox/⾼德地图开放平台
+- 笔记内容结构可参考小红书feed设计（图文瀑布流）
+## 📕页面四：我的
+
+### ✅用户信息模块
+
+- 用户基础资料（注册天数）
+- 会员中心（MVP可为静态页）
+- 邀请好友模块（可做邀请返积分）
+### ✅成就总结
+
+- 本周：
+|  |
+| --- |
+|  |
+| 技术建议： • 使用Leaflet/Mapbox/⾼德地图开放平台 • 笔记内容结构可参考小红书feed设计（图文瀑布流） |
+| 📕页面四：我的 ✅用户信息模块 • 用户基础资料（注册天数） • 会员中心（MVP可为静态页） • 邀请好友模块（可做邀请返积分） ✅成就总结 • 本周： |
+
+
+### 页面图片信息
+
+- 图片 1: X176
+
+
+---
+- 心情指数
+- 聊天次数
+- 成长轨迹
+- 打卡记录：
+- 疗愈地标打卡数
+- 分享数
+- 他人访问你分享的次数
+#### 🧠额外建议（冷启动优先级）
+
+
+**MVP推荐优先搭建模块顺序：**
+
+1. 记录页（对话+⽇历）
+2. 治愈页（课题总结+标签互动）
+3. 探索页（地图基础+笔记系统）
+4. 我的页（基础资料+成就统计）
+如你愿意，我可以现在就帮你用Cursor建一个最小结构的React项目框架，含底部导航和主页面布
+
+局，并生成页面组件文件名结构、推荐依赖包清单和初步布局代码。你要不要我开始搭建这部分？
+
+| • 心情指数 • 聊天次数 • 成长轨迹 • 打卡记录： • 疗愈地标打卡数 • 分享数 • 他人访问你分享的次数 |
+| --- |
+| 🧠额外建议（冷启动优先级） MVP推荐优先搭建模块顺序： 1. 记录页（对话+⽇历） 2. 治愈页（课题总结+标签互动） 3. 探索页（地图基础+笔记系统） 4. 我的页（基础资料+成就统计） |
+| 如你愿意，我可以现在就帮你用Cursor建一个最小结构的React项目框架，含底部导航和主页面布 局，并生成页面组件文件名结构、推荐依赖包清单和初步布局代码。你要不要我开始搭建这部分？ |
+