{"id":20207226,"url":"https://github.com/princegupta101/live-code-share","last_synced_at":"2025-04-10T12:33:21.089Z","repository":{"id":229504214,"uuid":"775328190","full_name":"Princegupta101/Live-Code-Share","owner":"Princegupta101","description":"Live Code Share provides real-time collaborative coding, with unique room creation, syntax highlighting, and auto-suggestions. Users can edit, save, download files, and chat in groups.","archived":false,"fork":false,"pushed_at":"2024-07-30T18:37:27.000Z","size":534,"stargazers_count":5,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-24T11:13:33.755Z","etag":null,"topics":["codemirror","expressjs","react-editor","reactjs","socket-io","uuid-generator"],"latest_commit_sha":null,"homepage":"https://live-code-share.vercel.app/","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/Princegupta101.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}},"created_at":"2024-03-21T07:20:39.000Z","updated_at":"2024-12-20T20:19:44.000Z","dependencies_parsed_at":"2024-03-24T20:26:05.040Z","dependency_job_id":"8dd51201-ade3-45b0-bd1e-59dac818be18","html_url":"https://github.com/Princegupta101/Live-Code-Share","commit_stats":null,"previous_names":["princegupta101/codecollab","princegupta101/live-code-share"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Princegupta101%2FLive-Code-Share","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Princegupta101%2FLive-Code-Share/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Princegupta101%2FLive-Code-Share/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Princegupta101%2FLive-Code-Share/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Princegupta101","download_url":"https://codeload.github.com/Princegupta101/Live-Code-Share/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248217145,"owners_count":21066633,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":["codemirror","expressjs","react-editor","reactjs","socket-io","uuid-generator"],"created_at":"2024-11-14T05:28:03.310Z","updated_at":"2025-04-10T12:33:21.068Z","avatar_url":"https://github.com/Princegupta101.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Live Code Share\n\nLive Code Share is a collaborative, real-time code editor where users can seamlessly code together. It provides a platform for multiple users to enter a room, share a unique room ID, and collaborate on code simultaneously.\n\n## VIDEO \n\nhttps://youtu.be/MZYMNScnGBo\n\n## Table of Contents\n\n- [Live](#Live-Preview)\n- [Features](#features)\n- [Usage](#Usage)\n- [Tech Stack](#TechStack)\n- [Installation](#installation)\n- [Low-Level-Diagram](#Low-Level-Diagram)\n- [Contributing](#contributing)\n- [Further-Support](#further-support)\n\n## Live-Preview\n\nYou can view the live preview of the project [here](https://live-code-share.vercel.app/).\n\n## Features\n\n- 💻 Real-time collaborative coding across multiple files.\n- 🚀 Unique room creation with collaboration room ID.\n- 🌈 Syntax highlighting for various file types with automatic language detection.\n- 💡 Smart code suggestions based on programming language.\n- ⏱️ Instant updates and synchronization of code across all files.\n- 📣 User join and leave notifications.\n- 🎨 Multiple personalized coding themes.\n- 🌍 Extensive language support for versatile programming.\n- 🔠 Flexible font size and style options.\n- 👥 User presence list with online/offline status indicators.\n- 💬 Real-time group chat for seamless communication.\n- 🚀 Live code preview feature.\n\n## Usage\n\n1. Navigate to the deployed application or run it locally.\n2. Create or join a room using a unique room ID.\n3. Collaborate with others in real-time by editing code together.\n4. Utilize features such as syntax highlighting, code suggestions, and group chat for enhanced collaboration.\n\n## TechStack\n\n- JavaScript\n- React\n- React Router\n- Tailwind CSS\n- Node.js\n- Express.js\n- Socket.io\n- Git\n- GitHub\n- Vercel\n\n## Installation\n\nFork and clone this repository.\n\n```bash\ngit@github.com:Princegupta101/Live-Code-Share.git\n```\n\n### Setup instruction  for Frontend\n\n1. Move into the directory\n\n```bash\ncd Client\n```\n2. install  dependenices\n\n```bash\nnpm install\n```\n3.  run the server\n\n```bash\nnpm run dev\n```\n\n### Setup instruction  for Backend\n\n1. Move into the directory\n\n```bash\ncd Server\n```\n2. install  dependenices\n\n```bash\nnpm install\n```\n3.  run the server\n\n```bash\nnpm run dev\n```\n## Low Level Diagram\n![diagram](low-level-diagram.png)\n\n\n## Contributing\n\nWe welcome contributions to  Live Code Share Feel free to create pull requests with your enhancements or bug fixes. Please ensure your contributions adhere to the coding style and conventions used in the project.\n\n## Further-Support\n\nIf you encounter any issues or have questions, feel free to raise them as GitHub issues, and we'll be happy to assist you.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fprincegupta101%2Flive-code-share","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fprincegupta101%2Flive-code-share","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fprincegupta101%2Flive-code-share/lists"}