Skip to content

Code Collab is a lightweight, real-time collaborative code editor that runs directly in your browser. It's designed for seamless pair programming, technical interviews, and teaching, allowing multiple users (up to 6) to code together in a shared environment.

License

Notifications You must be signed in to change notification settings

Abhay557/Code-Collab

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

24 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Code Collab

A free, real-time collaborative IDE to code, chat, and learn. No sign-up required—create a private room for your team, or make it public and invite the world to code with you.

Try the Live App

Watch Video

Preview Preview

Key Features

  • Real-Time Collaborative Editing: Code in HTML, CSS, and JavaScript with professional syntax highlighting powered by CodeMirror. See your partner's changes live on your screen as they type.
  • Public & Private Rooms: Create a private room with a unique link for interviews or team projects, or create a public room that anyone can join to collaborate and learn.
  • Spontaneous Collaboration: Feeling adventurous? Use the "Join Random Room" feature to instantly connect with other developers in an available public room.
  • Integrated Live Chat: Communicate with your team without leaving the editor. The sleek, toggleable chat panel slides in from the right, keeping the conversation right next to the code.
  • Customizable Workspace: Adjust your workspace on the fly. Drag the resizer to change the size of the editor and preview panels, or pop the live output out into a separate browser window for a full-screen view.
  • Download Your Project: Export your entire project—HTML, CSS, and JavaScript—as a single .zip file with one click.
  • Live Preview & Console: Test your code and see the live output directly in the browser with a built-in preview and JavaScript console.
  • Instant & Easy : Get coding in seconds. No accounts, no sign-ups, no friction. Just share a link and go.

Tech Stack

  • Frontend: HTML5, Tailwind CSS, Vanilla JavaScript
  • Editors: CodeMirror
  • Utilities: JSZip for file downloads
  • Backend & Real-Time Sync: Google Firebase (Firestore)
  • Deployment: Firebase Hosting

Contributing

Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated. If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement".

  • Fork the Project
  • Create your Feature Branch (git checkout -b feature/AmazingFeature)
  • Commit your Changes (git commit -m 'Add some AmazingFeature')
  • Push to the Branch (git push origin feature/AmazingFeature)
  • Open a Pull Request

Acknowledgements

This project is a new and expanded version of my original collaborative editor, Codependal. It builds upon the core ideas of simplicity and real-time collaboration that I explored in that initial project.

Codependal Repository

License

This project is distributed under the MIT License. See the LICENSE file for more information.

About

Code Collab is a lightweight, real-time collaborative code editor that runs directly in your browser. It's designed for seamless pair programming, technical interviews, and teaching, allowing multiple users (up to 6) to code together in a shared environment.

Topics

Resources

License

Stars

Watchers

Forks

Languages