Real time collaborative tree editor
Project Video Link : https://youtu.be/xJXP-9z2Bpw
NodeJS + ReactJS + MySQL
Change location to client
cd ./client
Install all dependencies
npm i
run client-side
npm start
Change location to client
cd ./server
Install all dependencies
npm i
Create database and table in mysql for that use existing query given in
path : server/db.script
Find .env.sample file and create new .env file at same location
path : server/.env.sample
run client-side
npm run server
Whenever a user makes changes to a node or adds nodes, the client application sends the updates to the server, which then updates the MySQL database. The server notifies other clients in real-time about these changes throught socket. That's how real time tree editor works.