Collaborative Whiteboard 2023 With React Canvas And Socketio
Published 3/2023
MP4 | Video: h264, 1280x720 | Audio: AAC, 44.1 KHz
Language: English | Size: 3.80 GB | Duration: 7h 8m
Create Collaborative Whiteboard App with React and SocketIO. Learn how to create, move and resize elements on Canvas
What you'll 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
Requirements
Basic Programming Knowledge
jаvascript knowledge
Description
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, jаvascript, SocketIO 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 scratchWorking with Redux State ManagementAdding HTML Canvas to React ApplicationHandle Mouse Events to create new shapesUse hooks to manage state of the CanvasCreating Rectangles, Lines, Freehand drawings and TextAdding functionality of moving and resizing elementsCreating SocketIO ServerEXTRA Collaborative part of sharing our actions on canvas with other UsersSharing cursors with all connected usersWho this course is for:New beginners to create amazing projectAnyone who wants to learn how to create basics shapes on CanvasAnyone who wants to learn how to share your actions with other users thanks to SocketIOAnyone who wants to work with Canvas in ReactAdding HTML Canvas to React Application
