Can I vibe code Evidence?

Build a self-hosted social proof notification system to replace Evidence.io. Stack: Cloudflare Workers (or Next.js API routes), Supabase (PostgreSQL), and a lightweight Vanilla JavaScript embed snippet.

1. Database Schema:
Create table `social_events` (id uuid primary key, store_id text, event_type text, customer_first_name text, city text, product_name text, product_image_url text, created_at timestamptz default now()).

2. Webhook Ingestion API (`/api/webhooks/shopify`):
- Accept POST requests for `orders/create` from Shopify.
- Validate Shopify webhook HMAC signatures.
- Extract customer first name, billing/shipping city, and the first line-item's title and image URL.
- Sanitize inputs: strip last names, address lines, emails, and full phone numbers for strict privacy.
- Insert clean record into `social_events`.

3. Public Events API (`/api/v1/events?store_id=X`):
- Return the latest 20 anonymized events for the requested `store_id` in JSON format.
- Implement HTTP Caching headers (Cache-Control: public, s-maxage=60) or query a Redis/KV cache layer.

4. JavaScript Client Snippet (`proof.js`):
- Build a zero-dependency vanilla JS script under 5KB minified.
- Create a Shadow DOM element fixed to the bottom-left of the viewport.
- Fetch `/api/v1/events` on initialization.
- Display notifications in a loop: show popup for 5 seconds, fade out, wait 8 seconds, display next event.
- Include a close button ('X') that sets a `sessionStorage` flag to hide popups for the remainder of the user session.

5. Visual Design:
- Render a clean toast notification: thumbnail image on the left, text on the right ('Sarah from Austin just purchased Widget X', '2 minutes ago').
- Ensure smooth CSS CSS transitions for fade-in/fade-out.

Out of Scope: Complex drag-and-drop template builders, multi-tenant billing, SMS integrations, or native mobile app SDKs.

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