SyncBoard

SyncBoard is an interactive drawing platform engineered for high-performance digital collaboration. By leveraging the HTML5 Canvas API, it provides a smooth, native-like drawing experience directly in the browser, allowing multiple users to work on a shared canvas without interference. The core of the application is a custom real-time synchronization engine. Instead of transmitting heavy image data, the system broadcasts lightweight coordinate packets via WebSockets. This approach ensures sub-second latency, as receiving clients only need to replicate the stroke paths locally rather than reloading graphical assets. In addition to the creative toolkit, the project features a competitive 'Scribble' game mode. This required the implementation of a server-side controller to manage complex game states, including player role rotation, real-time string matching for guess validation, and synchronized round timers. The entire architecture is built on a type-safe event system, ensuring that communication between the client and server remains consistent and robust during high-traffic sessions.