Rageradar.
The Vision
RageRadar aims to be the definitive emotion-awareness companion for gamers. By combining facial expression analysis and audio analysis into a single real-time metric, it gives players what they've never had: an objective, continuous emotional mirror. All processing runs locally in the browser with zero biometric data leaving the device - achieving <100ms latency at <10% CPU usage with 298 unit tests across the codebase.
Development Roadmap
Phase 01: Core Infrastructure
Set up Vite + Vanilla JS project scaffolding, built Camera Module with face-api.js expression detection (7 emotions at 10fps), and Microphone Module with Web Audio API volume RMS and pitch analysis at 30fps.
Phase 02: Intelligence Layer
Built the Fusion Engine combining facial and audio signals into a unified 0–100 rage score using weighted scoring, EMA smoothing, momentum tracking, and level hysteresis to prevent score flickering.
Phase 03: User Interface
Designed cyberpunk-inspired neumorphic dashboard with animated SVG radial gauge (270° arc with needle and dynamic glow), webcam preview with face detection overlay, and 3-column responsive layout.
Phase 04: Data & Alerts
Implemented Session Manager with IndexedDB persistence and auto-save every 5 seconds, real-time Chart.js scrolling timeline with rage zone coloring, and alert system with threshold monitoring, toast notifications, and audio alerts.
Phase 05: Polish & Testing
Added Settings Panel with localStorage persistence, responsive design across 3 breakpoints, WCAG AA accessibility with focus traps and keyboard navigation, and achieved 180 passing unit tests.
Phase 06: Rage Clip Capture
Implemented auto-capture rage clips using MediaRecorder API with a 15-second rolling buffer, clip gallery with thumbnail grid, video playback modal, WebM download/share, and storage limits (max 50 clips).
Phase 07: Analytics Dashboard
Built a 5-tab analytics panel with trend charts (7d/30d/90d), GitHub-style calendar heatmap, hourly peak analysis, CSV/JSON export, and side-by-side game comparison — with in-memory caching for fast queries.
Phase 08: Cooldown System
Added guided 4-7-8 and Box breathing exercises with animated circle overlay, break reminder banners with snooze/dismiss, SVG ring countdown timer, and effectiveness tracking measuring rage reduction per exercise.
Phase 09: Multi-Game Profiles
Built game profile CRUD with emoji icons and color picker, per-game settings overrides, header indicator pill with quick-switch dropdown, session auto-tagging by active profile, and per-profile stats aggregation.
Phase 10: Desktop App & Overlay
Planned migration to Tauri for native desktop packaging, transparent always-on-top game overlay with compact rage meter, system tray integration, global hotkeys, and multi-monitor support.