We were originally planning on making a multiplayer pictionary-like game but we were only able to get the realtime drawing portion of it done.

What it does

Users can join a room and start drawing with the mouse. The drawings are updated in realtime and is visible to anyone in the same room. There is also basic chat functionality.

How we built it

The majority of the app is built using vue.js, a javascript view library. We used a node.js server to handle the websockets for the realtime drawing and chat.

Challenges we ran into

We weren't able to include the features that we were planning on adding, namely the word guessing game and usernames/points for rooms. The drawing portion and backend of it took more time than expected. The performance and efficiency could've also been improved.

Accomplishments that we're proud of

It works! We weren't sure if the drawing portion was even possible for us but we ended up doing it anyway we were happy with.

What we learned

Setting up an AWS instance, HTML5 Canvas API, websockets with node.js

What's next for

Adding the game portion that was originally planned, and more drawing tools and features.

Share this project: