Back to projects
2025 · Case study
ragepaint
High-performance drawing engine that doesn't trade speed for accessibility.
Dual-canvas architecture with WCAG AA compliance baked into the rendering layer.
The problem
Most browser drawing apps force a choice — smooth performance or accessible design, rarely both.
What I built
- Dual-canvas rendering architecture
- High-performance stroke engine in React
- WCAG AA compliant color and interaction patterns
Technical components
ReactTypeScriptHTML Canvas APIVite build pipelinePerformance-optimized render loop
What made it non-trivial
Maintaining 60fps drawing on dual canvases while meeting accessibility contrast and interaction requirements.
My role
Frontend engineer — canvas rendering, performance, accessibility.