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ライセンスの下でライセンスされています。

？リソースへの感謝

Piston APIを提供してくれたEMKCに感謝し、コード実行を可能にしてくれました。詳細については、次のリンクをご覧ください。

• ピストンリポジトリ
• ピストンドキュメント

また、Tldrawの貢献者に驚くべき図書館に感謝します。 TLDRAWの詳細については、次をご覧ください。

• tldrawリポジトリ
• tldrawドキュメント

開発者について

サヒル・アタハル