# 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 ```bash npm install npm run dev ``` Open [http://localhost:3000](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 ```