NATS Whiteboard

This project is a simple (~100 lines of JavaScript) implementation of a real-time, persistent interactive whiteboard using nats.js, NATS Jetstream and AlpineJS.

Video walkthrough

Building an Interactive Whiteboard with NATS Websockets | Rethink Connectivity Episode 3

Demo

To see the NATS whiteboard in action, feel free to try the demo

Installation

To get this working on your local computer, you will need to:

1. Install NATS
2. Run NATS with Websockets and Jetstream support nats-server -c nats.conf
3. Create a stream for your whiteboard in NATS:

nats stream create whiteboard --subjects='whiteboard.*' --allow-rollup

4. npm install
5. npm run dev