pseudoeditor-icon-unplated

CodeTogether – VS code extention + Web Version

CodeTogether is a VS Code extension that enables real-time collaborative coding directly inside your development environment. Work seamlessly with teammates, share code changes instantly, and communicate while coding— all without leaving VS Code collaboratively .

1. Installation option- I Install CodeTogether from Marketplace

Install from vscode extentionhub

2. Installation option- II

Install from Microsoft Marketplace Install CodeTogether from Marketplace

Features

Real-Time Collaboration: Multiple developers can edit the same file simultaneously with instant updates.

Integrated Chat: Discuss changes and ideas with your team directly in VS Code.

Low Latency: Optimized for sub-150ms updates to keep collaboration smooth.

Built with Node.js & TypeScript: Reliable, scalable, and efficient collaborative environment.

Installation

Open Visual Studio Code.

Go to the Extensions view (Sidebar → square icon).

Search for CodeTogether.

Click Install.

Usage

Open VS Code.

Launch CodeTogether from the Sidebar.

Create or join a collaborative session.

Start editing and chatting with your team in real-time.

Screenshots

1. Start Icon

This is the icon used to launch CodeTogether in VS Code.

2. Collaborative Coding

Multiple users can edit code simultaneously in real-time.

3. Different Users

View of different users collaborating in the session.

4. Folder Creation Visibility

Any folder created by one user is instantly visible to all collaborators.

5. Features

Technology Stack:

Client: VS Code Custom Panel + Node.js

Backend: Node.js + TypeScript + Socket.io

Deployment: Azure DevOps

Web Application Version

Project Setup

Start the development server:

npm install npm run dev # Project Setup

Start the backend server:

cd socketserver npm install npm start

Welcome to our Collaborative Coding Platform! This project is a robust tool designed to facilitate real-time coding collaboration among developers using Next.js, Express.js, MongoDB, TypeScript, WebSocket, Webpack, and deployed on Amazon Web Services (AWS).

Features

Technology Stack:

Frontend: Next.js

Backend: Express.js

Database: MongoDB

Language: TypeScript

Real-time Communication: WebSocket

Optimization: Webpack

Deployment: AWS

Key Features:

Real-time Collaboration: Code together in real-time with multiple users from anywhere.

Optimization: Webpack ensures fast loading times and efficient code bundling.

Scalable Deployment: Hosted on AWS for scalability and reliability.

User-friendly Interface: Intuitive UI for seamless navigation and coding experience.

Getting Started

To get the project up and running on your local machine, follow these steps:

Clone the repository:
git clone https://github.com/i0am0arunava/colaborative_codeing-_application_v-2-.git

npm install

npm run dev:

Contributing

Contributions are welcome! Open an issue or submit a pull request on the GitHub repository for suggestions, improvements, or bug fixes.