Logo Questions Linux Laravel Mysql Ubuntu Git Menu
HTML CSS JAVASCRIPT SQL PYTHON PHP BOOTSTRAP JAVA JQUERY R React Kotlin
 

Node.js Whiteboard App for Team / Educational Collaboration [closed]

Tags:

javascript

node.js

socket.io

whiteboard

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.

  1. What open source apps exist that might be pluggable / adaptable for this use?
  2. What node.js / javascript / html5 technologies might be useful for this task?
like image 525
markwk Avatar asked Oct 02 '11 05:10

markwk

People also ask

What app is like whiteboard?

Zoom has Zoom Whiteboard, Microsoft Teams has Microsoft Whiteboard (which is also a standalone app), and Webex has, you guessed it, a feature called Whiteboard. (Google was a little more creative and called its whiteboard product Jamboard.)

Is there a free whiteboard online?

Bring teams together with a free online whiteboard. Can I collaborate with others on a Miro Lite online whiteboard? Miro Lite online whiteboard is the perfect space to brainstorm, jot down ideas, and even sketch concepts in real time, together with others.

Is a simple online whiteboard tool for collaboration and creation?

Miro. Miro has everything you need to collaborate online while working remotely. Its engaging and intuitive experience makes it easy for the employees to collaborate on an online whiteboard. The infinite canvas of Miro allows you to choose how you used to work with your team.

2 Answers

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

like image 131
Raynos Avatar answered Oct 12 '22 11:10

Raynos

Another open source whiteboard in Node.js is here

https://github.com/Imaginea/matisse

website: http://www.thematisse.org

like image 38
bshankar Avatar answered Oct 12 '22 12:10

bshankar
Sign in to Comment

Related questions

jquery .data() method
Notepad++ Template Collapse Issue
How to change a Javascript singleton to something that can be used multiple times?
Google Maps API: Change marker animation speed
All Javascript on site performs horribly Slow in Firefox 4 when transparent PNG's are present on the page
Remove white space beneath Facebook comments plugin
How can I call a static Backbone.Model function from an instance of that model, without specifying the model name?
Knockout JS - Why do all the examples only contain ViewModel/View but no Model
Problem with meta viewport and Android
Howto cancel the effects of the Escape button on an html input?
Passing common types between Java and (Rhino) Javascript
FuzzyLogic in Javascript?
How do i get access to SOAP response property?
why window[id] === document.getElementById( id ) [duplicate]
Declare variable without var keyword and logical OR
Change a functions "this" value in JavaScript
How can I use jquery in a chrome extension content script when an older version is already on the page
HTML DOM Drawing Transaction in Javascript?
JavaScript unit testing and continuous integration 2011
Downloading binary data using XMLHttpRequest, without overrideMimeType

Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!