Skip to content

A sync Code Editor built with Angular using CRDT idea. Connections created using peer to peer model.

License

Notifications You must be signed in to change notification settings

DinamoTeam/Code-Spot-P2P-Nodejs

 
 

Repository files navigation

A real-time collaborative code editor with the power of Visual Studio Code.

I. Check it out here!

We also published an article on building a real-time collaborative code editor. Check it out here!

II. Development setup

  1. Make sure you have Node.js and npm installed: https://nodejs.org/en/ (npm comes with Node.js)

  2. Go to .\code-spot-client\src\environments\environment.ts and change apiUrl to http://localhost:5000/api/

  3. Open a terminal to install server dependencies and start server

cd ./server
npm install
npm run start
  1. Open another terminal to install client dependencies and start client
cd ./code-spot-client
npm install
ng serve --open

Navigate to http://localhost:4200/ (If it has not been done automatically). The app will automatically reload if you change any of the source files.

Note: Email sending and Twilio TURN server only work in production server

III. Deployment notes

Remember to rebuild the frontend if any frontend changes were made

cd frontend
npm run build

About

A sync Code Editor built with Angular using CRDT idea. Connections created using peer to peer model.

Resources

License

Code of conduct

Stars

Watchers

Forks

Packages

No packages published

Languages

  • TypeScript 72.5%
  • HTML 11.4%
  • CSS 9.7%
  • JavaScript 6.3%
  • Shell 0.1%