About this project

SketchKaro is a high-performance, real-time collaborative whiteboard application designed for teams, educators, and creatives. Built on the HTML5 Canvas API with WebSocket-powered synchronization, it enables multiple users to draw, annotate, and collaborate on a shared infinite canvas simultaneously with sub-100ms latency. The application handles complex canvas state reconciliation across distributed clients, ensuring all participants see a consistent view in real time. Core features include freehand drawing, shape tools, text annotations, sticky notes, zoom and pan controls, undo/redo history, and session-based room management. The frontend is built with Next.js and TypeScript for type safety, while Tailwind CSS delivers a polished, responsive UI. SketchKaro demonstrates expertise in WebSocket architecture, real-time state synchronization, and interactive canvas rendering — skills critical for building modern collaborative SaaS products.

Key highlights

• Sub-100ms real-time sync across all connected clients via WebSockets
• HTML5 Canvas API with infinite canvas, zoom, and pan
• Room-based session management for isolated collaboration spaces
• Freehand drawing, shapes, text, and sticky note tools
• Full undo/redo history with distributed state reconciliation
• Next.js App Router with TypeScript for end-to-end type safety
• Responsive UI optimized for desktop and tablet drawing
• Lightweight server-side relay for minimal latency message passing