Collaborative Whiteboard 2023 with React Canvas and SocketIO

Collaborative Whiteboard 2023 with React Canvas and SocketIO


Let’s create amazing Application – Collaborative Whiteboard. Course is designed in the practical way. We will start from scratch and finish with complete application. Main goal of this course is to play with technologies like ReactReduxJavaScriptSocketIO  and learn how to work with HTML Canvas in React. Thanks to SocketIO we will add some realtime effects to our application. We will share our moves with other Users which will give us effect of Collaborative Whiteboard. At the end we will add tracking system for Cursors of all connected users to our App.

What we will learn through the course:

  • Creating React Application from scratch
  • Working with Redux State Management
  • Adding HTML Canvas to React Application
  • Handle Mouse Events to create new shapes
  • Use hooks to manage state of the Canvas
  • Creating RectanglesLines, Freehand drawings and Text
  • Adding functionality of moving and resizing elements
  • Creating SocketIO Server
  • EXTRA Collaborative part of sharing our actions on canvas with other Users
  • Sharing cursors with all connected users

Who this course is for:

  • New beginners to create amazing project
  • Anyone who wants to learn how to create basics shapes on Canvas
  • Anyone who wants to learn how to share your actions with other users thanks to SocketIO
  • Anyone who wants to work with Canvas in React
  • Adding HTML Canvas to React Application

Who this course is for:

  • Developers and Students which wants to learn how to create Collaborative Whiteboard


  • Basic Programming Knowledge
  • JavaScript knowledge

Last Updated 3/2023

Download Links

Direct Download

Collaborative Whiteboard 2023 with React Canvas and (3.8 GB) | Mirror

Leave a Reply

Your email address will not be published. Required fields are marked *