Skip to content
master
Switch branches/tags
Code

Latest commit

 

Git stats

Files

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

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

About

A collaborative drawing canvas (with chat)

Resources

Releases

No releases published

Packages

No packages published