https://github.com/devansvd/whiteboard-socketio

A Collaborative Whiteboard using Socket.IO
https://github.com/devansvd/whiteboard-socketio

nodejs socket-io whiteboard

Last synced: 2 months ago
JSON representation

A Collaborative Whiteboard using Socket.IO

• Host: GitHub
• URL: https://github.com/devansvd/whiteboard-socketio
• Owner: devansvd
• License: mit
• Created: 2017-12-19T08:25:00.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2023-01-28T12:29:49.000Z (almost 2 years ago)
• Last Synced: 2024-08-13T03:04:56.491Z (5 months ago)
• Topics: nodejs, socket-io, whiteboard
• Language: JavaScript
• Homepage: https://whiteboard-socketio.herokuapp.com/
• Size: 380 KB
• Stars: 35
• Watchers: 4
• Forks: 27
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        

## 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](https://socket.io/) :yellow_heart:

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](https://github.com/devansvd/whiteboard-socketio/blob/master/LICENSE.md)