Code Sync

一个协作，实时代码编辑器，用户可以在其中无缝地编码。它为多个用户提供了一个平台，可以进入房间，共享独特的房间ID并同时在代码上进行协作。

？特征

• 跨多个文件编辑代码编辑的实时协作
• ？创建，打开，编辑，保存，删除和组织文件和文件夹
• ？选项将整个代码库作为zip文件
• 独特的房间一代与房间ID进行协作
• ？全面的语言支持多功能编程
• ？使用自动语言检测的各种文件类型的语法突出显示
• 代码执行：用户可以在协作环境中直接执行代码，从而提供即时反馈和结果。
• ⏱️即时更新和对所有文件和文件夹中代码更改的同步
• 用户加入并离开活动的通知
• 当前在协作会议中的用户列表，包括在线/离线状态指标
• 小组聊天允许用户在处理代码时实时通信。
• ？实时工具提示显示当前编辑的用户
• 基于编程语言的自动建议
• ？更改字体尺寸和字体家庭的选项
• ？多个主题用于个性化编码经验
• ？协作图：使用户能够实时绘制和素描，从而增强了项目的互动体验。

实时预览

您可以在此处查看该项目的实时预览。

技术堆栈

安装

1. 叉子此存储库：单击位于此页面右上角的叉按钮以叉库。

2. 克隆存储库：

   git clone https://github.com/ < your-username > /Code-Sync.git

3. 设置.env文件：在客户端和服务器目录内部，将.env.example文件重命名为.env并设置以下环境变量：

   前端：

   VITE_BACKEND_URL= < your_server_url >

   后端：

   PORT=3000

4. 安装依赖项：导航到前端和后端目录，然后运行：

    npm install

5. 启动前端服务器和后端服务器：
   前端：

    cd client
   npm run dev

   后端：

    cd server
   npm run dev

6. 访问应用程序：打开浏览器并输入以下URL：

   http://localhost:5173/

？下一个版本的功能

• 管理员许可：实施管理员许可系统，以管理用户访问级别并控制某些平台功能。

？贡献

我们欢迎捐款使代码同步更好！无论您是报告错误，建议新功能还是修复错字，您的输入对我们来说都是有价值的。遵循贡献指南开始。

？支持我们

如果您觉得这有用或有价值，请考虑？由存储库主演。它有助于我们获得可见性并鼓励进一步发展。感谢您的支持！

？执照

该项目已根据MIT许可获得许可。

？对资源的赞赏

特别感谢EMKC提供活塞API，从而使代码执行。有关更多信息，请访问以下链接：

• 活塞存储库
• 活塞文档

此外，还要感谢Tldraw的贡献者对他们的惊人图书馆。有关TLDRAW的更多信息，请访问：

• tldraw存储库
• tldraw文档

关于开发人员

萨希尔·阿塔哈尔（Sahil Atahar）