见心产品系统Vibe Coding

面向长期承受工作、学业与人际压力的年轻用户，解决碎片化内容缺少深度、传统心理知识阅读门槛较高、用户难以持续整理个人情绪的问题。产品应用于通勤、独处、睡前及情绪低落等场景，通过沉浸式阅读、每日启发、内在探索和私人收藏，为用户提供安静、轻量且具有陪伴感的心理成长体验。

见心 Within 是一款情绪陪伴型沉浸阅读应用，收录心理学、哲学、文学与成长类精选内容。用户可以通过书页式滑动阅读、随机探索、内容搜索和深度阅读发现适合自己的文字；通过今日内在探索生成轻量状态报告，并获得对应阅读推荐；支持收藏至“私人情绪书”、阅读记录、七日成长路线、夜读模式和环境音。所有心理状态结果仅用于自我整理，不提供心理诊断。

我独立负责产品定位、需求梳理、交互设计、视觉设计、前端开发、内容数据整理、移动端适配、性能优化及云端部署。项目采用 React、TypeScript 与 Vite 构建，使用 CSS/Tailwind CSS 完成响应式界面，并通过 Framer Motion 实现启动场景、书页切换和文字过渡动画。300条心理学、哲学、诗词与治愈内容采用独立JSON结构管理，便于后续持续扩充。收藏、阅读记录、连续阅读天数、内在探索报告等数据通过LocalStorage持久化，CloudBase负责静态网站托管，GitHub负责版本管理和自动部署。项目亮点是将传统知识卡片升级为沉浸式情绪陪伴阅读体验，支持随机阅读、深度阅读、内容搜索、私人情绪书、七日成长路线、环境音和分享图片。开发难点主要包括移动端翻页动画的流畅度、文字闪烁控制、300条内容的数据管理，以及不同手机浏览器下的性能适配。