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.

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

This Course Includes
udemy
4.6 (32 reviews )
7h 7m
english
Online - Self Paced
professional certificate
Udemy
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.