kurihada
079feddf0e
- Restaurant.image 改为 images: string[]，API 层从高德取最多 5 张图 - RestaurantCard 新增 ImageGallery：点击图片左右区域切换、顶部圆点指示器、 左右箭头提示、首次查看时文字引导气泡（2.5s 自动消失） - 图片切换使用 crossfade 动画（旧图渐隐 280ms），过渡平滑 - MatchResult / Profile 页面兼容新旧数据格式，无图时条件渲染
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