Back to all projects
About
Pixel Canvas is a real-time collaborative pixel art editor inspired by Reddit's r/place. Users pick a color from a curated palette and place one pixel at a time on a shared 256x256 grid. Every edit is broadcast instantly via WebSockets to all connected clients. The app includes a cooldown timer to encourage thoughtful placement, a zoom/pan viewport, and a timelapse replay feature that shows the canvas evolving over time.
Features
- Real-time pixel placement via WebSocket broadcast
- 256x256 shared canvas with curated color palette
- Zoom and pan viewport with minimap navigation
- Cooldown timer to balance participation
- Timelapse replay showing canvas evolution
Tech Stack
ReactUI Framework
Canvas APIRendering
WebSocketReal-time Sync
Node.jsBackend
RedisState Store
Other Projects
More things I've built
Web App
Task Flow
A minimalist project management app with real-time collaboration and Kanban boards.
Web App
MarkCraft
A clean, distraction-free markdown editor with live preview and export to multiple formats.
Experiment
Color Lab
Generate and explore color palettes with contrast checking and export to design tokens.