My CRAFT
Doodlecraft: A Collaborative Real-time Whiteboard
MY Role and summary
As the Sole Full-Stack Developer and architect of Doodlecraft, I designed, developed, and deployed a real-time collaborative whiteboard application from the ground up. This passion project was born from a deep curiosity to understand and recreate the complexities of tools like Excalidraw, allowing me to master modern web technologies and build a highly interactive platform that facilitates seamless visual communication and brainstorming.
CORE FEATURE
- Drawing Tools:Built a full toolset from scratch, including a freehand pencil, dynamic text, and vector shapes. (lines, rectangles, circles).
- Interactive UI & UX: Engineered a custom toolbar for real-time control over element properties like color, stroke, and style.
- Productivity & Workflow: Implemented multi-step undo/redo, an infinite canvas with zoom/pan, keyboard shortcuts, and local save/export (JSON & Image).
- Seamless Guest Collaboration: Enabled frictionless, real-time guest access via shareable links, with no authentication required.
KEY CHALLENGES ADDRESSED
- Real-time Collaboration Engine: Architected a low-latency collaboration system from scratch using WebSockets to manage concurrent user interactions and synchronized drawing events.
- Custom Canvas Rendering: Engineered a high-performance, in-house rendering engine, writing all logic for dynamic element creation, manipulation (move/resize), and optimization.
- Sophisticated State Management: Designed a robust state management system to support an infinite canvas, a comprehensive undo/redo history, and complex element properties.