Can I vibe code Appzi?

Build a custom, lightweight customer feedback widget system consisting of a client-side JS bundle, a serverless collection endpoint, and a basic Next.js admin dashboard.

1. DATA MODEL (PostgreSQL / Supabase):
- Table `surveys`: id (uuid), title (text), status (active/draft), schema (jsonb for questions/options).
- Table `responses`: id (uuid), survey_id (fk), score (int/null), text_feedback (text), metadata (jsonb: url, browser, resolution, user_agent), screenshot_url (text/null), created_at (timestamp).

2. CLIENT WIDGET (Vanilla JS + Shadow DOM):
- Expose a global setup function `initFeedbackWidget({ surveyId, endpointUrl })`.
- Render a floating feedback tab at the bottom right corner of the browser.
- Upon click, open a modal with a custom shadow root to isolate styles.
- Collect feedback score (1-5 or NPS 0-10) and text response.
- Optionally integrate html2canvas to capture a compressed JPEG DOM screenshot when submitted.
- Send POST payload containing survey responses, current page URL, screen dimensions, and base64/blob screenshot to the backend endpoint.

3. SERVERLESS BACKEND (Next.js Route API / Cloudflare Worker):
- Endpoint `POST /api/feedback/submit` validates payload.
- If a screenshot payload is provided, upload to S3/Supabase Storage bucket and retrieve URL.
- Store entry in `responses` table.
- Dispatch incoming response details via fetch to a configured Slack Webhook URL formatted as an incoming alert card.

4. ADMIN UI (Next.js + Tailwind):
- Create a protected route `/admin/feedback`.
- Display a table of feedback submissions filtered by survey_id, rating score, and date range.
- Modal view to inspect individual feedback, metadata, and full-resolution screenshot preview.

5. FAILURE MODES & OUT OF SCOPE:
- Gracefully fail silent on frontend if endpoint fails or network drops to avoid interrupting main store UX.
- Compress screenshots client-side to keep requests under 1MB.
- Out of scope: complex conditional survey logic, email automation triggers, and user authentication on the widget script.

$ each button prefixes agent-specific run instructions · build your own product, never copy proprietary code, trademarks or designs