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）