https://github.com/sarguroh20/realtime-editor

SynCode is a real time web-based code editor with multi-language support compiler
https://github.com/sarguroh20/realtime-editor

codemirror-editor editor final-year-project javascript-framework piston-api uuid website websocket

Last synced: 3 months ago
JSON representation

SynCode is a real time web-based code editor with multi-language support compiler

• Host: GitHub
• URL: https://github.com/sarguroh20/realtime-editor
• Owner: Sarguroh20
• Created: 2024-04-08T01:18:31.000Z (almost 2 years ago)
• Default Branch: master
• Last Pushed: 2024-05-03T18:05:15.000Z (almost 2 years ago)
• Last Synced: 2025-01-18T07:27:08.600Z (about 1 year ago)
• Topics: codemirror-editor, editor, final-year-project, javascript-framework, piston-api, uuid, website, websocket
• Language: JavaScript
• Homepage:
• Size: 349 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          


 



  

### Introducing SynCode - A real-time web based code editor

Revolutionize teamwork with SynCode, a real-time web based code editor like Google Docs for projects. Empower multiple developers to collaborate    seamlessly on the same codebase, fostering instant feedback & unparalleled efficiency. 







## 💡Project Idea

Traditional coding environments lack real-time collaboration features, causing challenges for multiple developers working on the same codebase. Syncode addresses this by providing a web-based code editor that enables seamless real-time collaboration among developers, streamlining the coding process and enhancing productivity in team-based software development projects.

## ⚙️Tech Stack

[![My Skills](https://skillicons.dev/icons?i=js,react,express,nodejs,html,css,npm,webpack,vscode)](https://skillicons.dev)

## ✨Output Demo

### Home Page | Session Page | Editor Page

![Image 1](https://github.com/Sarguroh20/realtime-editor/assets/116432233/fece1c9d-6cce-4755-be94-0778b3bb29f4)

![Image 2](https://github.com/Sarguroh20/realtime-editor/assets/116432233/34617d06-191a-49e6-afc5-d65bdb1be59c)

![Image 3](https://github.com/Sarguroh20/realtime-editor/assets/116432233/8dbabe28-5bcb-4f63-bea5-aec490be6c1d)

![Image 4](https://github.com/Sarguroh20/realtime-editor/assets/116432233/d97d230b-0b4b-4077-8838-fe788b0dec0f)

![Image 5](https://github.com/Sarguroh20/realtime-editor/assets/116432233/96978220-b961-46c2-a7bd-9322ededcd52)

![Image 6](https://github.com/Sarguroh20/realtime-editor/assets/116432233/00fb6f0b-685c-4734-b1b1-e510ead317bf)

![Image 7](https://github.com/Sarguroh20/realtime-editor/assets/116432233/0ae9ab52-23de-4bb1-baf4-46cc4bbd1616)

![Image 8](https://github.com/Sarguroh20/realtime-editor/assets/116432233/be302f5e-1c9a-4bc2-a504-900c1b9f49ca)

![image 9](https://github.com/Sarguroh20/realtime-editor/assets/116432233/0ad55c9f-8bda-427b-812f-c001aaed5586)

## ▶️How to run

- Fork the project and clone

- Import the project in vs code

- Change the directory & then use this command: ```npm start```

- Inside package.json ```run script of server:dev``` aka nodemon server

- Voila! 🌟 SynCode is running...