Skip to content

cocanvas/cocanvas

Repository files navigation

CoCanvas App

CoCanvas is a cooperative, pixel art drawing game by Katrina Hayes, Mandy Tang, Rob Harkness and Vu Le. Register an account to make 8-bit art with your friends, or take over their pixels (we won't judge). If you make something awesome, let us know! 🖼

CoCanvas Screenshot

Features

  • Live multiplayer drawing on canvas via WebSockets and Action Cable 🎨
  • Live chat implemented in React also using WebSockets and Action Cable
  • User registration using JSON web tokens
  • Colourpicker with most recent colours saved

Possible Improvements

  • refactor code, use oop, create class/constructor and eliminate global variables
  • Private group canvases
  • Time-lapse gif of canvas
  • Adding emoji picker to the chat
  • Chunk coordinates JSON data when fetching via ajax

Technologies Used

  • Ruby on Rails
  • PostgreSQL
  • bcrypt
  • Redis for deployment to Heroku
  • Action Cable

The front end is a basic Nodejs app using expressJS to create a server that is deployed to Heroku. Project uses Webpack for the build. The following libraries/api's/frameworks are used:

  • Canvas 🖌
  • jQuery
  • colourpick (jQuery plugin)
  • React
  • Animate.css
  • Nodejs
  • expressJS
  • webpack
  • babel

Acknowledgements

A big thanks to Joel, John and Theo at GA.

License

Licensed under MIT.

About

CoCanvas Frontend (a collaborative pixel-drawing game)

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •