Canvas Draw is a real-time collaborative drawing app with AI-assisted shape generation and a bold Neo-brutalism design aesthetic.
Next.jsTypeScriptExpressWebSocketsRedisPrismaMySQLOpenRouterTailwind CSSTurborepo
key features
- Multi-tool Canvas: Supports rectangles, circles, lines, and freehand drawing with smooth rendering via HTML5 Canvas.
- AI-Powered Drawing: Converts natural language prompts into geometric shapes using OpenRouter.
- Real-time Collaboration: Live drawing sync across multiple users using WebSockets.
- Scalable Architecture: Redis-based Pub/Sub ensures consistent state across services.
- Room-Based System: Users can create/join isolated drawing rooms via unique slugs.
- Secure Authentication: JWT-based auth with Bcrypt password hashing.
- Monorepo Setup: Managed with Turborepo for scalable development.
- Shared Packages: Reusable UI components, types, and backend utilities.
- Neo-brutalism UI: High-contrast, bold design with wobbly borders and heavy shadows.