This is a prototype of using full-stack Rust to build a collaborative web whiteboard.
This uses Yew for the frontend (Vue-like Rust framework), actix for the backend (websocket + HTTP API).
The backend relies on a postgres database accessed through tokio-pg-mapper.
An interesting feature of Rust is it allows sharing types between backend and frontend, removing the need to sync validation logic or helper methods between two languages. See shared/src/datatypes/mod.rs.
This also features spline-based interpolation of the cursor positions to have nice animation instead of "jumpy" updates.
Install needed tools:
$ cargo install --locked trunk
$ cargo install cargo-watch
$ rustup target add wasm32-unknown-unknown
You also need to setup wasm tools for rust:
https://rustwasm.github.io/docs/book/game-of-life/setup.html
Start the db:
$ docker-compose up
$ make reset_db # Required to (re)create the tables
And then start dev servers:
$ make backend_watch
$ make frontend_watch
- perfect-cursors for the spline-based cursor interpolation