SketchKaro
A real-time collaborative whiteboard built with Next.js, Canvas, WebSockets, and Turborepo.
Demo access:
- Email:
demo@surajv.me - Password:
demo_credential
Note:
Please wait for 30s cause backend is deployed on render So cold start problem occurs
Project Overview:
SketchKaro is a real-time collaborative whiteboard that allows multiple users to draw and interact simultaneously. It’s designed to provide a smooth, responsive drawing experience with advanced tools for creative collaboration.
Key Features:
- Real-time live collaboration using WebSockets
- Dynamic Canvas API drawing with multiple tools
- Customizable stroke width, colors, and shapes
- Color palette and drawing utilities
- Project saving and loading via REST API backend
- Fully deployed with Docker and Vercel
- Optimized project structure using Turborepo
Technologies Used:
- Frontend: Next.js, HTML Canvas API, React
- Backends: HTTPS REST API (Node.js/Express), WebSocket server
- Deployment: Vercel (frontend), Docker (backends)
- Collaboration: WebSocket-based real-time sync
- Other Tools: Bun, Turborepo
Why this project matters:
This project demonstrates full-stack development skills, real-time collaboration, and production-ready deployment. It’s a showcase of handling complex frontend interactions (Canvas API), backend architecture (REST + WebSocket), and scalable deployment practices.