kurihada 0c5676493e refactor: 提取 UserAvatar、Input、Card 三个可复用 UI 组件
- UserAvatar: 统一头像渲染(5 种尺寸),新增 resolveAvatar 工具函数,替换 SwipeDeck 和 RoomManageModal 中的重复逻辑
- Input: 统一表单输入样式(4 种尺寸 + default/purple 变体),替换 AuthModal、ProfilePage、BlindboxPage 共 12 处
- Card: 统一卡片容器样式 + 可选淡入动画和延迟,替换 ProfilePage 中 7 处重复的 motion.div
2026-02-26 19:43:07 +08:00

NoWhatever — 别说随便

亲密关系决策引擎。别再说"随便"了,两个模式覆盖你们所有的选择困难症。

两大模式

极速救场 · Panic Mode

10 秒内出结果,立刻闭嘴,听天由命。

  • 基于 GPS 或手动选点,搜索附近餐厅 / 酒吧
  • Tinder 式滑卡投票 — 右滑想去、左滑跳过
  • 多人实时匹配 — 分享房间链接,所有人同时滑,自动算出最优解
  • 全员一致时触发庆祝特效,非全员一致可发起 Top N 决赛
  • 匹配结果支持一键导航、电话订位、收藏、生成分享卡片

🎁 周末契约 · Adventure Roulette

丢入疯狂想法,周末盲盒开奖,绝不反悔。

  • 创建专属房间,邀请 TA 用 6 位房间号加入
  • 平日随时向盲盒池投放想法(美食 / 旅行 / 运动 / 奇葩挑战)
  • 周末一起盲抽,开奖结果不可反悔
  • 支持多个房间并行,房间成员共同管理想法池

通用能力

  • 用户系统 — 用户名 + 密码注册,10 秒完成,头像自选
  • 分享卡片 — 匹配 / 开奖结果一键生成品牌分享图,支持保存 & Web Share API
  • 个人中心 — 决策历史回顾、餐厅收藏管理
  • 多场景 — 吃饭 / 喝酒场景切换,复用同一套滑卡机制

Tech Stack

  • Next.js 16 (App Router) + React 19 + TypeScript
  • Prisma + SQLite — 数据持久化
  • Tailwind CSS v4 — Utility-first styling
  • Framer Motion — Physics-based swipe & drag animations
  • SWR — 实时轮询 & 数据缓存
  • Lucide React — Icon library
  • canvas-confetti — 匹配庆祝特效
  • html-to-image + qrcode.react — 分享卡片 & 邀请二维码

Getting Started

npm install
npx prisma generate
npx prisma db push
npm run dev

Open http://localhost:3000 in your browser (best viewed on mobile viewport).

Project Structure

src/
├── app/
│   ├── page.tsx                 # 首页 — 双模式入口
│   ├── panic/page.tsx           # 极速救场 — 定位 / 选点 / 创建房间
│   ├── room/[id]/page.tsx       # 滑卡房间 — 多人实时投票
│   ├── invite/[id]/page.tsx     # 邀请页 — 扫码 / 链接加入房间
│   ├── blindbox/page.tsx        # 周末契约大厅 — 房间列表
│   ├── blindbox/[code]/page.tsx # 盲盒房间 — 想法投放 & 开奖
│   ├── profile/page.tsx         # 个人中心 — 历史 / 收藏 / 资料
│   └── api/                     # API Routes
│       ├── auth/                #   登录 / 注册
│       ├── room/                #   房间 CRUD / 滑动 / 匹配
│       ├── blindbox/            #   盲盒房间 / 想法 / 抽奖
│       ├── user/                #   用户资料 / 历史 / 收藏
│       └── location/            #   地理编码 / 地点建议
├── components/                  # UI 组件
│   ├── SwipeDeck.tsx            #   卡片堆栈编排器
│   ├── SwipeableCard.tsx        #   拖拽 / 滑动逻辑
│   ├── RestaurantCard.tsx       #   餐厅信息展示卡
│   ├── MatchResult.tsx          #   匹配成功庆祝页
│   ├── ShareCardModal.tsx       #   分享卡片生成弹窗
│   ├── AuthModal.tsx            #   登录 / 注册弹窗
│   ├── TopNav.tsx               #   顶部导航栏
│   └── ...                      #   其他 UI 组件
├── hooks/
│   └── useRoomPolling.ts        # 房间状态实时轮询
├── lib/                         # 工具函数 & 服务
│   ├── prisma.ts                #   Prisma 客户端
│   ├── buildRoomStatus.ts       #   房间状态构建 & 匹配算法
│   ├── sceneConfig.ts           #   场景配置(吃饭 / 喝酒)
│   ├── celebrate.ts             #   庆祝特效 & 音效
│   ├── userId.ts                #   用户 ID & 注册状态管理
│   └── ...                      #   其他工具
└── types/
    └── index.ts                 # TypeScript 类型定义
S
Description
No description provided
Readme 7.6 MiB
Languages
TypeScript 99%
CSS 0.3%
JavaScript 0.3%
Dockerfile 0.2%
Shell 0.2%