DrapeNet MVP (Next.js)

Real-time camera try-on demo with:

• In-stock inventory API
• Garment switching UI
• MediaPipe Pose tracking (with fallback mode)
• Canvas-based overlay rendering

Local Run

1. Install Node.js 20+.
2. Install dependencies:

npm install

3. Start dev server:

npm run dev

4. Open:

http://localhost:3000/tryon/live

API

GET /api/inventory?inStock=true

Optional filter:

GET /api/inventory?inStock=true&category=tops

Notes

• Camera permission is required.
• If MediaPipe model loading fails, app keeps working in fallback overlay mode.
• Inventory currently uses local mock data in lib/mockInventory.ts.