Mouseflow?

Build a focused behavior-analytics web app inspired by Mouseflow's core workflow: record user sessions on a target website and let product teams replay them, visualize interaction heatmaps, and detect friction. Use a lightweight snippet that captures clicks, scroll depth, mouse movement, viewport size, and page/URL changes, then batches events to a REST API. Store raw events in a time-series store (e.g., ClickHouse or PostgreSQL with partitioning) and serve an admin dashboard that lists recordings with metadata (URL, duration, device, screen size) and plays them back as a pixel-based canvas replay rather than a real browser screenshot to keep it lightweight. Generate click, scroll, and movement heatmaps by aggregating events per page into an HTML overlay. Implement a simple friction detector that flags dead clicks (click on non-interactive element), rage clicks (5+ clicks in 3 seconds), and form field errors. Include basic funnel tracking by letting users define ordered URL patterns with wildcards. Use Node.js or Python backend, React or plain JS dashboard, and web workers for event buffering. Do not copy Mouseflow's branding, logo, exact UI layout, or feature naming; choose your own product name and visual identity. Explicitly out of scope: attention heatmaps, geo heatmaps, user journey mapping, feedback surveys, AI diagnosis, integrations, and form analytics beyond error capture. Include GDPR-consent options (pause tracking, exclude a page, delete session data). Deliver a README covering setup, event schema, replay rendering approach, and known limitations (no iframe embedding, no cross-origin recording, limited replay fidelity compared to full DOM snapshots).