VentSpace 匿名情绪树洞系统产品系统Vibe Coding

VentSpace 面向有匿名表达、情绪倾诉和轻量社交需求的用户，提供一个无需实名、无需解释的情绪树洞空间。用户可以在网页中以学生、打工人、极客等匿名身份发布内容，系统支持情绪标签筛选、本地离线存储、云端实时同步，并接入大模型能力对文本内容进行情绪识别和标签生成，帮助用户更低成本地完成情绪表达和内容整理。

本项目是一个匿名情绪树洞类 Web 产品系统，主要面向需要情绪表达、匿名倾诉和轻量互动的用户。系统支持匿名身份选择、内容发布、情绪标签筛选、AI 情绪分析、本地 IndexedDB 存储、Supabase 云端数据同步与实时内容更新等功能。
在产品设计上，用户无需绑定真实身份即可发布内容，降低表达压力；系统会根据用户输入内容自动识别情绪倾向，并生成对应的共鸣标签，方便后续筛选和浏览。在技术实现上，前端采用 React、TypeScript 与 Tailwind CSS 构建，使用 Zustand 管理状态，Dexie 操作 IndexedDB 实现本地优先的数据存储，云端基于 Supabase 的 PostgreSQL 与 Realtime 能力完成数据同步，AI 分析部分接入 DeepSeek / 通义千问等大模型接口，最终部署在 Vercel 平台。

本人负责该项目从需求分析、产品功能设计、前端页面开发、数据存储设计、AI 接口接入到线上部署的完整实现。项目整体采用前端优先的轻量化架构，使用 React + TypeScript 构建页面与交互逻辑，Tailwind CSS 完成响应式界面和视觉样式设计，Zustand 管理全局状态，保证不同页面之间的内容发布、身份切换、标签筛选等状态能够稳定同步。
在数据层实现上，项目采用本地优先的设计思路，通过 Dexie 封装 IndexedDB，实现用户内容在浏览器端的离线保存与快速读取；同时接入 Supabase 的 PostgreSQL 数据库与 Realtime 能力，实现云端数据同步和内容实时更新。AI 情绪分析部分通过调用 DeepSeek / 通义千问等大模型接口，对用户输入文本进行情绪倾向识别和标签生成，并将分析结果与原始内容一起存储和展示。
项目实现过程中的重点难点包括：匿名身份与内容状态的解耦、本地数据与云端数据的一致性处理、AI 分析结果的异步返回与页面状态更新、移动端与桌面端界面的适配，以及 Vercel 部署环境下接口配置和数据同步逻辑的联调。最终完成了一个可在线访问、可发布内容、可进行情绪分析、可本地保存并支持云端同步的完整 Web 产品原型。