Skip to content
A collaborative drawing canvas (with chat)
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
public
routes
.gitignore
Procfile
README.md
app.js
package.json
screenshot.png
shared.js

README.md

iosocket-canvas

A collaborative drawing canvas (with chat)

Demo

The master branch is directly deployed to heroku: https://iosocket-canvas.herokuapp.com/

Server side

  • Node.JS
  • Express
  • socket.io

Routes:

  • '/' : Endpoint for connecting to the socket.io server
  • '/' : Also returns index.html (angular app)
  • '/api/users/list' : List of connected users
  • '/api/users/rename' : Expects a socketId and a username.
  • '/api/users/updateIsTyping' : Expects a socketId and a isTyping.
  • '/api/messages/list' : List of messages
  • '/api/messages/submit' : Expects a socketId parameter and a body parameter
  • '/api/messages/clear' : Expects a socketId. Clears all messages.
  • '/api/strokes/list' : List of strokes
  • '/api/strokes/submit' : Expects a socketId and a JSON body (req.body), containing the stroke data
  • '/api/strokes/clear' : Expects a socketId. Clears all strokes.
  • '/api/server/info' : Returns info about the server (eg. port)

Client side

  • Angular
  • Angular's Boostrap UI
  • HTML 5 (canvas)
  • socket.io
  • toaster (notifications)
  • scrollglue (scroll to bottom of divs)

Screenshot

Screenshot

You can’t perform that action at this time.