Building a Real-Time Collaborative Whiteboard with Svelte and Phoenix LiveView

277
clicks
Building a Real-Time Collaborative Whiteboard with Svelte and Phoenix LiveView
In this video by Code & Stuff, the author walks through the process of creating a real-time collaborative whiteboard using Svelte and Phoenix LiveView. The tutorial covers setting up a live_svelte project, creating a real-time collaborative whiteboard, implementing multi-room functionality, and leveraging Phoenix PubSub for seamless communication. The author starts by discussing the benefits of Svelte, such as reactive variable bindings and separation of behavior and rendering. The integration with Phoenix LiveView is then introduced, allowing for direct mounting of Svelte components in a LiveView page. The project involves setting up a Phoenix project, creating a drawing prototype, and wiring it up with Phoenix PubSub for real-time synchronization. The video also touches on more advanced topics like multi-session support using a GenServer and passing props dynamically between server and client.

© HashMerge 2024