HMXOT — A real-time techno synthesizer with immersive WebGL visualization
React 19 · TypeScript · Zustand · Web Audio API · WebGL — 84 tasks across 2 legs of structured development
Core architecture, code quality, and stability foundations
Linting, formatting, type safety, test infrastructure, CI scaffolding, and code health across all modules.
Module boundary enforcement, state management patterns, audio graph architecture, and component contracts.
Feature development, UX refinement, and production readiness
Real-time synthesis engine, effects chain, pattern system, and transport controls.
WebGL visualization, immersive mode, animations, and responsive design.
Performance optimization, documentation, build pipeline, and deployment.
Web Audio API-powered synthesizer with live parameter control, oscillator routing, and signal processing.
Fullscreen immersive visualization driven by audio analysis data, with reactive shaders and particle systems.
10 curated patterns including Filthy, Minimal, Industrial, Acid, Rumble, and more — each with unique character.
Modular effects processing with reverb, delay, and compression — chainable and per-track configurable.
Play, pause, stop, seek, and tempo controls with precise timing and visual feedback.
Built-in simulation environment for testing audio routing and visual feedback without hardware requirements.