{"id":25455122,"url":"https://github.com/antim21/real-time-code-editor","last_synced_at":"2026-04-11T19:34:25.507Z","repository":{"id":258356370,"uuid":"865319956","full_name":"Antim21/Real-time-Code-Editor","owner":"Antim21","description":"online tool enabling collaborative code writing, editing, and review for multiple users using JavaScript. Integrated support for multiple programming languages with syntax highlighting and version tracking","archived":false,"fork":false,"pushed_at":"2025-04-30T18:29:28.000Z","size":541,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-05-16T16:11:42.027Z","etag":null,"topics":["htnl-css-javascript","javascr","json","nodejs","reactjs","socket-io"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Antim21.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2024-09-30T10:43:07.000Z","updated_at":"2025-04-30T18:29:31.000Z","dependencies_parsed_at":"2024-11-05T04:24:33.735Z","dependency_job_id":"2c7305e3-7170-45fa-940f-4d3fb29c60c4","html_url":"https://github.com/Antim21/Real-time-Code-Editor","commit_stats":null,"previous_names":["antim21/real-time-code-editor"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Antim21/Real-time-Code-Editor","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Antim21%2FReal-time-Code-Editor","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Antim21%2FReal-time-Code-Editor/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Antim21%2FReal-time-Code-Editor/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Antim21%2FReal-time-Code-Editor/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Antim21","download_url":"https://codeload.github.com/Antim21/Real-time-Code-Editor/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Antim21%2FReal-time-Code-Editor/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31693272,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-11T13:07:20.380Z","status":"ssl_error","status_checked_at":"2026-04-11T13:06:47.903Z","response_time":54,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["htnl-css-javascript","javascr","json","nodejs","reactjs","socket-io"],"created_at":"2025-02-18T00:56:38.267Z","updated_at":"2026-04-11T19:34:25.470Z","avatar_url":"https://github.com/Antim21.png","language":"JavaScript","readme":"# 🧑‍💻 Real-Time Collaborative Code Editor\n\nDeveloped an online tool enabling collaborative code writing, editing, and review for multiple users using JavaScript. \n\nIntegrated support for multiple programming languages with syntax highlighting and version tracking.  \n\nImplemented communication features to enhance team collaboration and productivity.      \n\nYou can visit here   \n      \nhttps://codebuddytextedit.netlify.app/\n \n\n---\n\n\nA full-stack, browser-based code editor enabling real-time collaboration among multiple users—built with performance, resilience, and developer-first UX in mind.\n\n---\n\n## 🚀 Overview\nThis project simulates a Google Docs-like experience for code—multiple users can write, edit, and view code together in real-time, complete with syntax highlighting, persistent sessions, and a responsive UI.\n\nDeveloped as a personal passion project to explore concurrency, WebSockets, and real-world system reliability outside the academic curriculum.\n\n---\n\n## 🛠️ Tech Stack\n- **Frontend:** React.js, Tailwind CSS\n- **Backend:** Node.js, Express.js\n- **Real-Time Layer:** WebSockets (Socket.io)\n- **Database:** MongoDB (session persistence)\n- **Other Tools:** GitHub Actions. \n\n---\n\n## ✨ Features\n- 🔁 **Real-Time Sync**: Edits are instantly reflected across all connected users  \n- 🧠 **User Presence**: Visual indicators of active collaborators  \n- 🎨 **Syntax Highlighting**: Supports multiple languages using CodeMirror or Monaco (depending on your setup)  \n- 🧘‍♀️ **Resilient Architecture**: Reconnection handling prevents code loss  \n- 📱 **Responsive Design**: Usable across desktop, tablet, and mobile  \n\n---\n\n## 📷 Demo\n\n\u003e Real-time collaboration with 2+ users editing the same document simultaneously.\n\n---\n\n## 🧪 Challenges Tackled\n- Designed a fault-tolerant WebSocket system that gracefully handles disconnects and reconnections  \n- Implemented state reconciliation logic to avoid data conflicts  \n- Optimized WebSocket events to minimize latency and bandwidth usage  \n- Built a frontend that mimics the simplicity of an IDE with zero setup\n\n---\n\n## 🌍 Use Cases\n- Pair programming\n- Remote coding interviews\n- Hackathons\n- Online teaching or mentoring\n\n---\n\n## 🔐 Security Considerations\n- Input sanitization to prevent XSS  \n- Server-side validation for all critical events  \n- Plans to add user authentication and access control\n\n---\n\n## 📈 Future Improvements\n- Support for multiple file tabs and file uploads  \n- Terminal integration for running code  \n- Authentication (OAuth, JWT)  \n- Deploy to public cloud (AWS/Render/Vercel) with CI/CD\n\n---\n\n## 👨‍💻 Author\n**[Antim Maurya]** – | [https://github.com/Antim21/Real-time-Code-Editor](#)\n\n---\n\n## 📄 License\nThis project is open source and available under the [MIT License](LICENSE).\n\n---\n\n\n**Tech Stack**\n\nFrontend: React.js, CSS, HTML\n\nBackend: Node.js, Express.js\n\nWebSocket Protocol: Socket.IO for real-time communication\n\nCode Parsing: Integrated with Ace Editor or CodeMirror for code editing\n\nDatabase: MongoDB (for storing user session and code history)\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fantim21%2Freal-time-code-editor","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fantim21%2Freal-time-code-editor","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fantim21%2Freal-time-code-editor/lists"}