Synk Board — Visualize. Collaborate. Create. A real-time infinite-canvas digital whiteboard engineered from scratch using Vanilla JavaScript, HTML5 Canvas API & CSS3—zero external libraries or frameworks. What I Built → Infinite-canvas architecture: freehand drawing, shapes, text annotations on one seamless surface → Real-time collaboration engine via event-driven OOP architecture & reusable component libraries → Full drawing toolkit: brush, lines, rectangles, circles, text—with colour & stroke controls → Smooth pan & zoom with native-feel navigation — no jitter, no lag → Optimised render loop: sub-100ms response time on dense canvases → Session persistence across refreshes — work never disappears → Fully responsive across desktop, tablet & touch devices → Undo/redo stack hand-engineered from scratch Impact → 90% reduction in remote brainstorming overhead vs. tool-switching workflows → Zero critical production failures post-deployment → Sub-100ms canvas response under full load Why No Framework? Deliberate choice. Building without React or Redux forced a deep understanding of the DOM, Canvas API & JavaScript's event model. Every component—state manager, drawing engine, sync layer—hand-engineered. No shortcuts. Stack: Vanilla JS (ES6+) · HTML5 Canvas API · CSS3 · OOP · Event-Driven Architecture 🔗 github.com/meghanadhjanga-245/SynkBoard