Can I vibe code LogRocket?

Build a self-hosted frontend session recording and error tracking MVP using Node.js, Express, PostgreSQL, and rrweb. 1. Client SDK: Write a lightweight JS snippet wrapper around rrweb (record method). Intercept unhandled errors using window.onerror and window.addEventListener('unhandledrejection'). Intercept standard console.error calls. Mask all text inputs with the attribute data-private or type='password' by default before sending. Send batch DOM mutation events every 5 seconds or when payload exceeds 50KB to POST /api/v1/events via navigator.sendBeacon or fetch. 2. Backend Ingestion: Build an Express REST API endpoint handling POST /api/v1/events. Validate batch JSON payload schema containing session_id, user_agent, page_url, events (array of mutation diffs), and errors array. Store sessions and error events into PostgreSQL tables (sessions, session_events, error_logs). Gzip compress event streams before saving. 3. Player Dashboard: Build a React admin dashboard page that lists past sessions filtered by URL, date, or error presence. Integrate rrweb-player inside a sandboxed container to replay saved event streams fetched from GET /api/v1/sessions/:id/events. Render a simple right-hand sidebar listing console errors logged during that session timestamped relative to video playback start. Handle payload decompressing during playback fetch.

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