Project image for Collaborative code editor

Collaborative code editor

ReactJSSocket.io
Coding an online collaborative code editor using React and Socket.io

Open in IDE

Includes assets, JPG images of the design files, design files themselves and a basic style guide. There's also a README to help you get started.

Project Description

This challenge requires you to build a collaborative code editor and make sure to make it look as close as possible to the designs given in the starter files.

This project mostly focuses on your React, CSS, and socket programming skills. In addition to that, you are allowed to make use of any tools you think would help you in completing the project. So if you've got something you'd like to practice, feel free to give it a go.

In this project, you app should consist of

  • Creating a room or joining a room already created by someone else

  • Creating a websocket connection between the the editors

Your application should allow people to create rooms and allow other people to join the room and edit a piece of code collaboratively.

Get involved with the community

Join our discord server and explore the community forum to share your feedback with others. Ask questions, help others and learn in public to make the best use of codedamn.

Also check out the full-stack learning path to learn how to build such projects completely on your own.