Node.js Whiteboard App for Team / Educational Collaboration

Question

I'm looking to build/adapt a shared whiteboard app for team and educational collaboration. Draw on a board, write some text, save picture, clear board, etc. We've already got a simple chat system setup with node.js and socket.io so probably want to stay on that route.

What open source apps exist that might be pluggable / adaptable for this use?
What node.js / javascript / html5 technologies might be useful for this task?

https://github.com/lovasoa/whitebophir is an opensource collaborative drawing board written in node.js — lovasoa, Apr 09 '19 at 16:04

score 3 · Answer 1 · answered Nov 23 '12 at 12:24

3

Another open source whiteboard in Node.js is here

https://github.com/Imaginea/matisse

website: http://www.thematisse.org

answered Nov 23 '12 at 12:24

bshankar

31
2

have you tried this one? I am facing the following problem Error: redirect_uri_mismatch The redirect URI in the request: http://localhost:8000/auth/google/callback did not match a registered redirect URI, I have given redirect uri in google as http://localhost:800 only – Thirumalai murugan Jul 31 '13 at 05:01

score 3 · Accepted Answer · answered Oct 03 '11 at 10:29

3

As far as node.js technologies you would need the following

express to handle your http server
socket.io to handle communication

As far as rendering on the client I would recommend

rapheal as an SVG rendering

Apart from that you need some kind of database, Redis, mongoDB & CouchDB are popular.

Apart from that just write it. Any other libraries you think you might need along the way can be found on the npm registry

However I can offer some package.json examples for my chat and my blog to give some inspiration as to what libraries are useful

answered Oct 03 '11 at 10:29

Raynos

166,823
56
351
396

I've used express and socket.io. Raphael looks cool. Love to see an example to work from for drawing stuff with node.js – markwk Oct 04 '11 at 09:56
I wrote a prototype somewhere. A couple of hours of hacking should do. A quick google search for "node.js whiteboard" should get you started. – Raynos Oct 04 '11 at 10:37
Found this: http://stackoverflow.com/questions/7251977/client-or-server-side-html5-canvas-rendering-for-a-node-js-whiteboard-application – markwk Oct 04 '11 at 14:55

score 1 · Answer 3 · answered Jun 05 '12 at 18:00

1

Open Source Whiteboard in NodeJs

https://github.com/opinsys/walma

answered Jun 05 '12 at 18:00

Jai

694
5
15

Node.js Whiteboard App for Team / Educational Collaboration

3 Answers3