Openboard Project (Clone)

Project Desciption:

The project comprises of basic openboard functionalities such as, writing, erasing, downloading the canvas, adding notes (with minimising it, closing it, dragging it around on the page), uploading the image (features same as of notes), undo and redo actions.
Added realtime drawing functionality using socket.io by connecting to server using Express.js

Adding notes and uploading image:

Using green button, we can minimise the notes and by clicking red button, notes can be closed. Similarly for uploading images.

Realtime drawing:

Realtime drawing can be achieved by the people using same link at same time.

Tech Stack used:

• HTML
• CSS
• JavaScript (Express.js for backend)
• socket.io

Run on your local machine:

Replace https://clone-openboard.herokuapp.com/ with http://localhost:3000/ in index.htmlfile.
Open the folder in VS code. Open terminal and write these commands:

npm init

Press Enter. Then,

npm install socket.io
npm install --save-dev nodemon
node app.js

Now open the browser and type localhost:3000.

Reference:

click here