Code-Colab

• 

  Home Page

• 

  Run code

• 

  Chat features

Inspiration

I was learning node.js and wanted to do a project using it. Then I go an idea of a website that is similar to Google Docs but for coding!

What it does

-It is an Online Realtime Collaborative IDE. -With Chat features and beautiful UI.

• It syncs the code to all users connected in a room.
• It uses socket programming in the backend.
• Users can enter input and run code on the website itself.

How I built it

I built it by simply searching the web for the things that I wanted to create, explored the documentation and integrated it into my website in parts. eg: I wanted the code to sync to all users, so I Googled and came to know that it can be done by an open-source package (socket.io). So researched about it and finally made the feature in the website. So similarly I kept on searching and making! I also used the help of Chat-Gpt to fix a lot of bugs and make some features.

Challenges we ran into

There were a lot of bugs, in the whole process. Also, it was hard to find a good API for running the code on the website itself.

Accomplishments that I'm proud of

It is the best project that I have made so far. It has a beautiful UI and works smoothly.

What I learned

I learnt about socket programming, web development and hosting a website that has a server running in the backend.

What's next for Code-Colab

It can be made into a full commercial website, as it's fast, requires no login, and doesn't store data. The user can hassle-free just join a room and instantly start coding. It is currently running on free hosting and a free API for code compilation. These can be upgraded for a large user-base.

Built With

• express.js
• jdoodle-compiler-api
• node.js
• react
• socket.io