Skip to content

devansvd/whiteboard-socketio

master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Collaborative Whiteboard - Socket.IO

A simple collaborative whiteboard using socketIO with drawing tools which enables multiple users to draw at the same time. Open links in two seperate tabs in your browser or Open link in another computer try drawing simultaneously in both.

Cool, isn't ?

Checkout the Whiteboard Working Live URL - https://whiteboard-socketio.herokuapp.com/

How to use

This is built using Nodejs Server to run this git clone the repo.

$ npm install
$ node index.js

And open http://localhost:3001 in browser. Optionally, specify a port by supplying the PORT env variable.

Note : Enable heroku features:enable http-session-affinity in your instance while deploying to heroku. This is necessary to open communication ports for web sockets.

Features

  • Draw on the whiteboard and all other users will see you drawings live.
  • Ability for each user to use their seperate drawing tool.
  • Choose Colours, fonts, fontsizes and thinkness.

Thanks and credits to Socket.IO 💛

PS: Previous sessions are not saved on the server, it will not be available for newly joined. Save sessions if you want. Since listening only to mouse events it will not work on mobile touch. Add listen for touch events if you want. 😊

License

MIT

About

A Collaborative Whiteboard using Socket.IO

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published