type
Post
status
Published
date
Apr 23, 2026
slug
summary
tags
category
icon
password

二见 (Dual Perspectives) - v1.0

Version
React
Firebase
“同一段旅程,不一样的视角。”
一款专为情侣设计的、具有画报美学的深度双视角记录工具。

核心理念

“二见”旨在打破传统社交媒体的单一叙事,探索亲密关系中对同一时空的独特感知。
  • 双盲评价机制 (Double-Blind Review):对方的内容在解锁前是模糊的,只有当双方都完成记录后,完整的“二见”视角才会呈现在眼前。
  • 画报美学 (Magazine Aesthetic):极简的间距、优雅的衬线字体与流动的排版,将每一次记录转化为精美的数字杂志页面。
  • 高共鸣彩蛋 (High Resonance):内置评分契合算法,当双方评分分差 时,系统将触发专属的“心动共鸣”特效。

核心功能

1. 动态画报视图 (Magazine Mode)

  • 呼吸感引言轮播:自动循环播放“他说”与“她说”的精选语录,模拟深度对白氛围。
  • 智能模糊解锁:基于身份验证与数据完整性的动态内容分发。

2. 多维档案库 (Archive Mode)

  • 全种类分类筛选:支持 Cafe, Dining, Stay, Outdoor 等多种生活方式分类。
  • 关键词检索:毫秒级的过往记忆查找。
  • 多端适配:Mobile-First 响应式架构,手机端如同原生 App 般丝滑。

3. 编辑与管理 (Journal Editor)

  • HEIC 原生支持:自动识别 iOS 原生图片格式并进行云端转码。
  • 安全配对系统:通过唯一的 Invite Code 建立专属的两人私密空间。

进化日志

在 v1.0 的开发过程中,我们经历了如下关键迭代:

移动端体验重构

  • 沉浸式编辑:将手机端的弹窗逻辑重构为全屏模式。
  • 操作优化:引入 Sticky Bottom (吸底按钮) 布局,适配单手操作习惯。

安全与权限强化

  • 字段级白名单:重写了 firestore.rules,解决了 category 分类字段无法修改的权限冲突。
  • 隔离保护:确保除了 Admin 外,任何用户都无法越权修改对方在数据库中的原始文字。

稳定性与离线支持

  • 非阻塞登录:优化了 AuthContext 流程,拦截网络波动引起的后端连接超时警告。
  • 离线持久化:应用现在支持在弱网或断网环境下进行本地记录,并在连接恢复后自动同步。

技术栈

  • Frontend: React 18, Vite, TypeScript, Tailwind CSS, Framer Motion
  • Backend: Google Firebase (Auth, Firestore, Storage)
  • Utilities: heic2any (图片转码), browser-image-compression (前端预压缩)

开始使用

环境配置

  1. 克隆项目后,在根目录创建 .env 文件。
  1. 配置 Firebase 相关密钥(需开启 Firestore 与 Auth 服务)。
  1. 部署安全规则:firebase deploy --only firestore:rules

开发者

  • Lead Developer: AI Assistant & User
  • Admin Email: lxc545712996@gmail.com
 

v1.0 结语

在“二见”的世界里,每一张照片都有两个灵魂的注脚。v1.0 版本已经构建了一个稳定、私密且充满美感的底座。
“我们去了同一个地方,但我们看到了不同的风景,是对方眼里的自己。”

© 2026 二见 Project. 让记录成为一种仪式。