https://github.com/rhaeguard/shared-canvas

A canvas that can be shared between multiple users across different machines...I think.
https://github.com/rhaeguard/shared-canvas

canvas collaborative-editing crdt yjs

Last synced: about 9 hours ago
JSON representation

A canvas that can be shared between multiple users across different machines...I think.

• Host: GitHub
• URL: https://github.com/rhaeguard/shared-canvas
• Owner: rhaeguard
• License: mit
• Created: 2022-12-19T03:16:10.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2024-08-01T08:18:42.000Z (4 months ago)
• Last Synced: 2024-08-01T09:50:37.728Z (4 months ago)
• Topics: canvas, collaborative-editing, crdt, yjs
• Language: JavaScript
• Homepage: https://shared-canvas.vercel.app
• Size: 5.09 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Shared Canvas

Very simple canvas application that can be shared between multiple users thanks to CRDTs. 

> ⚠️ _Currently the multi-user collaboration does not work due to signalling server being unavailable, but you can still use the application locally_

Check it out here: https://shared-canvas.vercel.app/ 

Here's how it works for two users in different browsers:



## Notes

Currently, the initial connection to the signalling server takes quite a bit of time. The app is still responsive during that time, but not collaborative.

## Local development

The project barely has any dependencies other than the YJS related ones. It does not use any framework like React, Svelte or something else. It's pure Javascript.

Install all the dependencies

```shell

npm install

```

To start the dev server

```shell

npm run dev

```

Then head over to `http://localhost:5173/` on any browser.