e2c3b869ebc2b0f6c0d7f556e001e42d2ba3ee95
- 后端 GET /api/room/[id] 新增 findBestMatch,滑完后选出得票最高餐厅 - 平票时取高德评分更高的一家,永远不会出现"无结果"死局 - 返回 matchType (unanimous/best) 和 matchLikes 区分匹配类型 - 全票通过:绿色庆祝 + "大家一拍即合!" - 得票最高:橙色推荐 + "N/M 人想去这家" - 移除 noMatch 死局页面,简化 SwipeDeck 状态管理
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
├── data/
│ └── restaurants.ts # Mock restaurant data
└── types/
└── index.ts # TypeScript type definitions
Description
Languages
TypeScript
99%
CSS
0.3%
JavaScript
0.3%
Dockerfile
0.2%
Shell
0.2%