A Collaborative Drawing App which focuses on concurrent modifications of the art on the whiteboard, useful for a team brainstorming or project collaboration
Used a bit AI for canvas css and concurrency optimization
I built a Collaborative Drawing App useful for Project Collaboration or Team Brainstorming sessions and the most challenging part is obviously the concurrency of markers and multiple users(which is achieved with the help of socket.io which enables bi directional and event based communication) and this is a very useful project for notes taking too
Completed the frontend changes too
Implemented undo, redo (used the redoStack concept)
And updated the the marker of other user precision and the notification when a user joins or left the room
Improved UI for fast picking from toolbar
Log in to leave a comment
Completed most of the frontend
Achieved seamless collaboration with the help of Socket.io the bidirectional communication king
It notifies when a user joins or leaves the room
And the copy invite link feature to get more participants in
Cursor is a bit wavering, and making the look feel more professional are the future changes that I am planning :)
Log in to leave a comment
Completed the initial WHITEBOARD LOOK
Added Rainbow Effect(in the below pic),Trail Effect(the tail disappears constantly) and Clear Canvas(to delete everything on whiteboard) and Eraser or a Single Color picker too(2nd pic)
And the ability to choose the thickness of the ink
Still implementation of multiple people collaborative usage is on the go..
Log in to leave a comment
Started with backend.. made few files of few functionality
Included the one of the interesting web dev thing it’s web sockets and socket.io
Moving to frontend to test this.. no output still because of only backend till now so just my project structure
Log in to leave a comment