W

WBoard

Realtime Whiteboard Drawing Collaboration. Wboard enables students, professionals and freinds to collaborate and create amazing stuff together in real time.

Created on 13th December 2020

W

WBoard

Realtime Whiteboard Drawing Collaboration. Wboard enables students, professionals and freinds to collaborate and create amazing stuff together in real time.

The problem WBoard solves

In the pre covid era it was easy for students to create and showcase their creativity among their friends and with teachers with the help of pen and paper, but now unfortunately it is not possible to do this in real time.

Solution


WBoard allows students and friends to create, draw and showcase their work to their loved ones in real time using our platform also it allows teachers to conduct an online session, not only that but it can also help in bussiness presentations.

  • You can use tools like pen, brush and eraser.

  • You can even import an image and draw on it.

  • Other attendees can also see your work but they cannot alter it and vice versa, so you have full control over your environment.

Challenges we ran into

Challenge 1

  • Matching the aspect ratio of canvas on different screen sizes with the output shown to participants.

Solution

  • Instead of having multiple canvas on screen there is only one canvas for the user who is currently drawing and rest are just rendered images of other participants' canvas.

Challenge 2

  • Capturing and sending real time drawing events of canvas to other participants was affecting the performance and was becoming laggy.

Solution

  • Instead of recording the mousemove event we recorded the mouseup event and updated database after user lifted the pen.

Challenge 3

  • Since there are quite a few features to manage, the UI could easily have been messed up.

Solution

  • We tried to make it as minimalistic as possible yet attractive for the user at first glance.

Discussion

Builders also viewed

See more projects on Devfolio