14b0aaece43ac6d7212b660247253c5e66a2d3c4
- 新增 BlindBoxRoom/BlindBoxMember 模型,BlindBoxIdea 增加 userId/drawnById - 新增房间 API(创建/加入/列表/详情),所有盲盒 API 增加认证和成员校验 - 新建盲盒大厅页面(三层引导式设计:未登录氛围页/首次创建引导/房间列表) - 新建盲盒房间页面(成员校验/邀请分享/用户归属展示/自动聚焦) - 首页删除契约画廊和 localStorage 盲盒逻辑,周末契约跳转到 /blindbox - 清理旧路由 /room/[id]/blindbox - 提取共享工具 src/lib/blindbox.ts(错误响应/房间号生成/成员校验) - AuthModal 支持 defaultTab 参数 - 更新项目规范:新项目原则、代码优雅和复用优先
NoWhatever — 别说随便
像 Tinder 一样滑卡片,和朋友一起决定去哪吃!解决聚餐时"随便都行"的纠结痛点,无需下载 App,用完即走。
Tech Stack
- Next.js (App Router) + React + TypeScript
- Tailwind CSS — Utility-first styling
- Framer Motion — Physics-based swipe & drag animations
- Lucide React — Icon library
Getting Started
npm install
npm run dev
Open http://localhost:3000 in your browser (best viewed on mobile viewport).
Project Structure
src/
├── app/
│ ├── globals.css # Global styles (mobile-first, no scroll)
│ ├── layout.tsx # Root layout with viewport meta
│ └── page.tsx # Main entry page
├── components/
│ ├── TopNav.tsx # Navigation bar with room info
│ ├── RestaurantCard.tsx # Restaurant display card
│ ├── SwipeableCard.tsx # Framer Motion drag/swipe logic
│ ├── SwipeDeck.tsx # Card stack orchestrator
│ ├── ActionButtons.tsx # Nope / Like action buttons
│ └── MatchResult.tsx # Match celebration screen
└── types/
└── index.ts # TypeScript type definitions
Description
Languages
TypeScript
99%
CSS
0.3%
JavaScript
0.3%
Dockerfile
0.2%
Shell
0.2%