A simple collaborative document editing app built with React and Node
#-- Setup and start the server
cd server
npm install # or yarn install
npm start # or yarn start
#-- Setup and start the client
cd client
npm install # or yarn install
npm start # or yarn start
This project was initially forked from the AvanthikaMeenakshi/node-websockets
repository and implemented according to this LogRocket blog post.
Credit goes to the original author Avanthika Meenakshi who developed the original version.
This project has the following changes compared to the original project.
- Upgraded the React version to 18
- Refactored the client app using multiple functional components
- Refactored the server app using multiple functions and handlers
- Used better dependencies and implementations (i.e.,
ws
instead ofwebsocket
,uuid
instead ofMath.random
, etc.) - Used the
react-use-websocket
hook/library instead of directly using the inbuilt WebSockets browser API. - Fixed several bugs