https://github.com/kishanvyas308/real-time-collaborative-code-editor

A real-time collaborative code editor that allows multiple users to edit and execute code simultaneously.
https://github.com/kishanvyas308/real-time-collaborative-code-editor

docker express node reactjs recoil redis-pubsub turborepo typescript websocket

Last synced: 3 months ago
JSON representation

A real-time collaborative code editor that allows multiple users to edit and execute code simultaneously.

• Host: GitHub
• URL: https://github.com/kishanvyas308/real-time-collaborative-code-editor
• Owner: KishanVyas308
• Created: 2024-10-04T13:41:23.000Z (8 months ago)
• Default Branch: main
• Last Pushed: 2025-02-25T13:41:39.000Z (3 months ago)
• Last Synced: 2025-02-25T14:41:31.818Z (3 months ago)
• Topics: docker, express, node, reactjs, recoil, redis-pubsub, turborepo, typescript, websocket
• Language: TypeScript
• Homepage: https://youtu.be/afwZ4l_ZRMQ?si=WwQgzC0g1YT7C6Xk
• Size: 1.67 MB
• Stars: 10
• Watchers: 1
• Forks: 1
• Open Issues: 1
• Metadata Files:
  • Readme: Readme.md

Awesome Lists containing this project

README

        
## Collaborative Code Editor System Design.

![image](https://github.com/user-attachments/assets/95fb8a09-ae3d-4fe4-badc-0e85e72ef618)

## Code Compilation System Design.

![image](https://github.com/user-attachments/assets/830b079a-b63b-4762-b63c-eaff53f1950f)

## Video Demo 

[Watch on Youtube](https://youtu.be/afwZ4l_ZRMQ?si=WwQgzC0g1YT7C6Xk) - 

[Check LinkedIn Post](https://www.linkedin.com/feed/update/urn:li:activity:7263061074076205056)

## set up and run

```bash

cd ./app

```

write to all 4 services. 

```bash

cd ./frontend (eg. of 1 service)

npm i 

```

now open docker desktop.

after write in terminal

```bash

cd ../..

docker-compose up -d

```

then run 

```bash 

npm run dev

```

which start 4 different services.

## Demo 

![image](https://github.com/user-attachments/assets/30966c66-9984-4721-98cd-0b45709a1481)

![image](https://github.com/user-attachments/assets/78a842e2-0c12-4423-bbf9-fbacb41997fd)

![image](https://github.com/user-attachments/assets/ae41bc9f-fb0b-4044-9ea2-c809df57987b)