Chalkboard

Overview

Chalkboard is a real-time collaborative whiteboard application where multiple users can draw simultaneously on a shared canvas. The project focuses on synchronizing drawing actions across connected clients to create a smooth, shared interaction experience.

Core Capabilities

• Freehand drawing on a shared canvas
• Real-time synchronization across multiple users
• Concurrent interactions on the same board

Real-Time Collaboration

The application uses event-driven communication to keep drawing actions synchronized across connected clients in real time.

• Drawing actions captured from the HTML Canvas API
• Events transmitted to connected clients using Socket.io
• Client-side state updates to reflect remote drawing actions

Key Challenges & Learnings

• Synchronizing drawing events across users with minimal visible lag
• Keeping drawing behavior consistent across different client sessions
• Understanding event-driven communication for real-time UIs

Outcome

The project successfully demonstrates real-time multi-user collaboration on a shared canvas and strengthened understanding of event-driven communication and real-time frontend systems.