Alpha (code-editor+code-doc)

A realtime collaborative code editor+compiler and a lot more...

Created on 17th April 2022

•

Users can create their own room as well as share link of their rooms.
All the users in a particular room can update the same code simultaneously at the same time.
If anyone of the room member runs the code, the input and the output will be visible to all the members of that room.
The code snippets on changing the language are updated in real time. Any room can be accessed anytime with the URL or the room ID of that particular room, and can always get and modify the last updated code.
They will be able to download the code and can share their code.
User can change the theme and font size.
Image to code feature will also be available.
One can write coding documentation with custom text and code.
User will also be able to view other’s document,can search according to the tags and can also view the similar documents(recommendation).

Most difficult was to complete the project within time. We are able to complete it by collaborating properly with teammates and working day and night
Socket was creating some issue(not updating other's language when any user updates his/her language. We overcame it by checking the lanuage and extension by passing those parameter to the server and receiving the same on the client.
Component was rendering many times while image uploading. It was solved by importing and using the Tesseract instead of createWorker.

Technologies used

React

Node.js

Socket.IO

Express.js

MongoDB

Material-UI

Bootstrap