InkSync

Year

2025

Tech & Technique

React.js, TypeScript, Tailwind CSS, Socket.IO, React Konva, Node.js, Express.js, pnpm Workspaces, Docker

Description

InkSync is a real-time collaborative whiteboard application that allows multiple users to draw, write and brainstorm together instantly — without requiring login.

Designed for seamless collaboration, InkSync enables users to create or join a shared whiteboard via a unique link or QR code, making it ideal for quick discussions, teaching and remote teamwork.

Key Features:

🖊️ Real-time Drawing: Live pen, shapes and text syncing across all connected users
🧑‍🤝‍🧑 Active Users Panel: Displays currently connected collaborators in real time
🔗 Shareable Boards: Join boards instantly via link or QR code
✍️ Text Tool: Click anywhere on the canvas to add editable text
🎨 Tool Palette: Central toolbar for color, pen, shape and text selection
🚫 No Login Required: Lightweight username-based presence system
📱 Responsive Canvas: Works smoothly across desktop and tablet screens

Technical Highlights:

Socket.IO powered real-time bi-directional communication
Monorepo architecture using pnpm workspaces
Canvas rendering using React Konva for high-performance drawing
Username persistence using localStorage
Board state synchronization for late-joining users

My Role

Full Stack Developer
Led the complete development of InkSync from concept to deployment:

🎨 UI/UX: Designed a clean, modern whiteboard interface using Tailwind CSS
🖌️ Canvas Logic: Implemented drawing, shapes and text tools using React Konva
📡 Real-time Sync: Built WebSocket-based collaboration with Socket.IO
👥 Presence System: Managed active users and duplicate username handling
🏗️ Architecture: Structured the project as a scalable monorepo
🐳 Deployment: Dockerized the backend and prepared the app for cloud hosting