When you enroll through our links, we may earn a small commission—at no extra cost to you. This helps keep our platform free and inspires us to add more value.

Udemy logo

Collaborative Whiteboard with React Canvas and SocketIO

Create Collaborative Whiteboard App with React and SocketIO. Learn how to create, move and resize elements on Canvas

     
  • 4.6
  •  |
  • Reviews ( 32 )
₹559

This Course Includes

  • iconudemy
  • icon4.6 (32 reviews )
  • icon7h 7m
  • iconenglish
  • iconOnline - Self Paced
  • iconprofessional certificate
  • iconUdemy

About Collaborative Whiteboard 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

React

,

Redux

,

JavaScript

,

SocketIO

and learn how to work with

HTML Canvas

in

React.

Thanks to

SocketIO

we will add some r

ealtime 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

Rectangles

,

Lines

,

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

What You Will Learn?

  • Create Collaborative Whiteboard .
  • Display Data On Canvas .
  • Learn About HTML Canvas .
  • Resize Element On Canvas .
  • Move Elements On Canvas .
  • Share Your Actions With Other Users Thanks To SocketIO .
  • Create Sharing Cursor Functionality .
  • Handle Mouse Events .
  • Create UI With React .
  • Create React Application From Scratch.