How to Clone Temu

Create a Temu-style gamified discount marketplace called DealDash using Next.js (App Router), Tailwind, Prisma + SQLite, and Stripe in TEST mode. Niche: cheap gadgets and accessories. No real payments in the MVP.

## What to build
An addictive product feed with lightning deals, countdown timers, slashed prices, a daily spin-the-wheel coupon, a referral 'free gift' loop, and a cart with Stripe TEST checkout.

## Screens
- Home feed: dense 2-col product grid, discount badges, lightning-deal tags with live countdowns, spin-reward banner, search bar
- Product detail: gallery, big price + struck original + '% OFF', low-stock + time-left urgency, variant chips, photo reviews, sticky Add to cart
- Category/search: facet filters, 'best deals' sort, infinite scroll
- Cart: quantity steppers, coupon field, free-shipping progress bar, gift-unlock upsell, Stripe TEST checkout
- Spin-the-wheel: daily wheel → coupon into wallet with expiry
- Refer & earn: invite-N-friends progress + shareable link
- Account: test orders, coupon wallet, referral progress

## Prisma schema
Product (id, title, imageUrls Json, price, originalPrice, stock, rating, category, isLightningDeal, dealEndsAt), Review (id, productId, userId, rating, text, photoUrl, isVerified), Cart (id, userId), CartItem (id, cartId, productId, quantity, variant), Coupon (id, userId, code, type, value, expiresAt, used), Order (id, userId, total, status, createdAt), OrderItem (id, orderId, productId, quantity, price), Referral (id, inviterId, inviteeId, rewardProductId, status), Spin (id, userId, spinDate)

## Logic (server-side)
- discountPct = round((originalPrice - price)/originalPrice × 100); render as a badge
- Lightning deals: countdown to dealEndsAt computed client-side from a server timestamp; expired → normal price
- Spin: one coupon per user per day (unique on (userId, spinDate)); coupons validated at checkout (not expired, not used)
- Referral reward unlocks only when N distinct invitees have completed signup; block self-referral
- Cart is re-priced server-side at checkout from product IDs + quantities - never trust client-sent prices
- Cart total applies at most one valid coupon and a free-shipping threshold; Stripe Checkout Session in TEST mode
- Stock decrements on order confirmation; reject if a line item is out of stock

## Routes
- GET /api/feed, GET /api/products/[id], GET /api/search (faceted)
- POST /api/cart, POST /api/checkout (Stripe TEST), POST /api/spin, POST /api/refer
- POST /api/stripe/webhook confirms the order and decrements stock

## Style
High-energy bargain vibe: orange/red accent, bold discount badges, urgency cues (timers, 'only X left', 'sold'), confetti on spins and add-to-cart, dense mobile-first infinite grid. Footer note: 'Test-mode checkout - not real payments.'

Seed: ~40 cheap-gadget products with realistic titles/prices/original-prices and placeholder images, photo reviews, several active lightning deals with future end times, a demo user with a starter coupon and an in-progress referral so every game mechanic renders.

Build a production-quality Temu-style gamified discount marketplace. Payments run through Stripe in TEST mode for the MVP; the catalog, deal-timing, coupon and referral logic must be server-authoritative - assume hostile clients trying to fake discounts, replay coupons, or self-refer for free gifts.

## Stack
- Next.js 14 App Router + TypeScript + Tailwind + shadcn/ui; Framer Motion for the spin-wheel and add-to-cart juice
- PostgreSQL via Prisma; NextAuth (email + Google); Redis for hot counters (stock, deal timers, view counts) and rate limiting
- Typesense (or Meilisearch) for faceted search/feed; Stripe Checkout in TEST mode behind a payments adapter so live mode is a config flip

## Core design: deals & coupons are server truth
- A product's price, originalPrice, stock and dealEndsAt are server-owned. discountPct and 'time left' are DERIVED from server data - never trust client-sent prices at checkout; re-price the cart server-side
- Coupons: a coupon is a row owned by a user with type/value/expiresAt/usedAt. Validate and mark used inside the checkout transaction; one spin grants at most one coupon per user per UTC day (unique constraint on (user_id, spin_date))
- Referrals: reward unlocks only when N DISTINCT invitees complete a real signup; guard against self-referral and duplicate-account abuse (device/email heuristics)

## Checkout (server-authoritative, test mode)
- POST /api/checkout: server rebuilds the cart from product IDs + quantities, re-prices everything, applies at most one valid coupon, enforces stock, creates a Stripe TEST Checkout Session, decrements stock on webhook confirmation inside a transaction
- Idempotency on order creation; stock decrement and order write are atomic

## Schema
products, variants, reviews, carts, cart_items, coupons, orders, order_items, referrals, spins (user_id, spin_date unique), inventory_ledger (append-only stock movements). Indexes on products(category, deal_ends_at), coupons(user_id, expires_at), referrals(inviter_id).

## Implementation order
1. Schema + auth + search index + seed (~40 niche products with realistic pricing and deal windows)
2. Feed + product detail with server-derived discount/urgency; faceted search
3. Cart + server re-pricing + Stripe TEST checkout + stock decrement on webhook (with tests)
4. Coupons + spin-the-wheel (per-day uniqueness enforced server-side)
5. Referral loop with anti-abuse (distinct invitees, no self-refer)
6. Reviews with media; push-notification triggers (price-drop, cart-abandon, coupon-expiring)
7. Payments adapter documented so flipping Stripe to live mode is a single config change

## Quality bar
- Cart is ALWAYS re-priced server-side at checkout; a client cannot dictate a price or discount
- 'Test-mode checkout - not real payments' disclaimer until a licensed live integration is in place
- Keep 'original price' claims honest in seed data - inflated strike-through pricing is a legal risk
- Money math in integer cents; coupon/stock/referral races covered by transactional tests

Start with step 1; show me the product/coupon/spin schema and the server-side cart re-pricing function (with a test proving a tampered client price is ignored) before continuing.

Design the complete UI for a Temu-style gamified discount-shopping app called DealDash. React + Tailwind + shadcn/ui + lucide-react. Aesthetic: high-energy bargain bazaar - bold orange/red accent, big discount badges, urgency cues everywhere (countdown timers, 'only X left', 'X sold'), playful confetti, dense and scroll-forever. Mobile-first.

## Screens

### 1. Home feed
- Top: search bar, location/free-shipping chip; a bright 'Spin to win' reward banner with a coupon teaser
- Dense 2-column product grid: image, big discounted price + struck-through original, '-72%' badge, some cards with a red 'Lightning Deal' ribbon and a live mm:ss countdown, tiny '1.2k sold' line
- Horizontal category chips; infinite scroll; bottom tab bar: Home, Categories, Cart, Deals, Account

### 2. Product detail
- Swipeable image gallery; price block with huge sale price, struck original, '% OFF' tag, and a 'Lightning deal ends in 02:14:09' timer
- Urgency row: 'Only 4 left', '3.1k sold', free-shipping note; variant chips (color/size)
- Reviews: star summary + photo-review thumbnails + verified-purchase badges
- Sticky bottom bar: quantity stepper + bold 'Add to cart' button

### 3. Cart
- Item rows with thumbnails and steppers; coupon input; a 'free shipping' progress bar; an 'add $3 more to unlock a free gift' upsell card; big checkout button; small 'test mode' note

### 4. Spin-the-wheel
- A colorful prize wheel with a spin button and a celebratory result modal granting a coupon; the coupon drops into a wallet card with an expiry countdown

### 5. Refer & earn
- 'Invite 3 friends, get this free' hero with the reward product, a 3-slot progress tracker (friends joined), a big shareable referral link/QR and share buttons

### 6. Account
- Orders list (with statuses), coupon wallet (cards with expiry timers), referral progress, settings

### 7. Category / search results
- Faceted filter rail/sheet (price range, rating, category), 'best deals' sort, the same dense product grid with infinite scroll

## Components to design once and reuse
- Product card (image, sale price, struck original, '% OFF' badge, optional lightning ribbon + countdown, 'X sold' line)
- Countdown-timer pill used on cards and product detail
- Coupon card with an expiry countdown used in the wallet and spin result

Fully responsive, mobile-first, dense and energetic. Fill every screen with ~40 realistic cheap-gadget products (titles, sale + original prices, ratings, 'sold' counts, placeholder images), photo reviews, a few live lightning-deal timers, and an in-progress spin coupon and referral so all the game mechanics are visible. Include a 'Test-mode checkout - not real payments' disclaimer in the footer.

Build a Temu-style gamified discount marketplace called DealDash for cheap gadgets and accessories. Checkout uses Stripe in TEST mode - no real payments in the MVP. Note this in the footer.

## Entities
- Product: title, imageUrls (JSON), price, originalPrice, stock, rating, category, isLightningDeal, dealEndsAt
- Review: product, user, rating, text, photoUrl, isVerified
- Cart / CartItem: user, product, quantity, variant
- Coupon: user, code, type (percent/amount), value, expiresAt, used
- Order / OrderItem: user, total, status, createdAt; product, quantity, price
- Referral: inviter, invitee, rewardProduct, status
- Spin: user, spinDate (one per day)

## Roles
- Shopper: browses the feed, buys (test checkout), spins for coupons, refers friends, leaves reviews
- Admin: manages products and deals, dashboard with orders, GMV and active shoppers per day

## Pages
1. Home feed: dense product grid with discount badges, lightning-deal timers, a spin-reward banner, search
2. Product detail: gallery, sale price with struck original and '% OFF', low-stock and time-left urgency, variants, photo reviews, Add to cart
3. Category/search: filters (price, rating, category), 'best deals' sort, infinite scroll
4. Cart: quantity steppers, coupon field, free-shipping progress, gift-unlock upsell, Stripe TEST checkout
5. Spin-the-wheel: a daily spin granting a coupon with an expiry into the user's wallet
6. Refer & earn: invite-N-friends progress with a shareable link
7. Account: orders, coupon wallet, referral progress

## Rules
- Discount % = (originalPrice - price)/originalPrice; show as a badge
- Lightning deals run a countdown to dealEndsAt; expired deals revert to the normal price
- One spin per user per day; coupons apply at checkout only if not expired and not used
- A referral reward unlocks only after N distinct invitees complete signup; block self-referral
- Cart total applies a valid coupon and a free-shipping threshold; payment via Stripe TEST mode

## Look & feel
High-energy bargain style: orange/red accent, bold discount badges, urgency cues (timers, 'only X left', 'X sold'), confetti on spins and add-to-cart, dense mobile-first infinite grid.

Seed: ~40 cheap-gadget products with realistic titles, sale and original prices and placeholder images, photo reviews, several active lightning deals with future end times, and a demo shopper with a starter coupon and an in-progress referral so all game mechanics render.