Code Sync

Ein kollaborativer Echtzeit-Code-Editor, bei dem Benutzer nahtlos zusammen codieren können. Es bietet eine Plattform für mehrere Benutzer, um einen Raum einzugeben, eine eindeutige Raum -ID zu teilen und gleichzeitig mit Code zusammenzuarbeiten.

? Merkmale

• Echtzeit-Zusammenarbeit zur Codebearbeitung über mehrere Dateien hinweg
• ? Erstellen, Öffnen, Bearbeiten, Speichern, Löschen und Organisieren von Dateien und Ordnern
• ? Option zum Herunterladen der gesamten Codebasis als ZIP -Datei
• Einzigartige Raumgenerierung mit Raumausweis zur Zusammenarbeit
• ? Umfassende Sprachunterstützung für vielseitige Programme
• ? Syntax-Hervorhebung für verschiedene Dateitypen mit automatischer Sprache Erkennung
• CODE -Ausführung: Benutzer können den Code direkt in der Kollaborationsumgebung ausführen und sofortiges Feedback und Ergebnisse bieten.
• ⏱️ Instant -Updates und Synchronisierung von Codeänderungen in allen Dateien und Ordnern
• Benachrichtigungen für den User Join und Leave Events
• Benutzerpräsenzliste von Benutzern, die derzeit in der Kollaborationssitzung, einschließlich Online-/Offline -Statusindikatoren
• Mit dem Gruppenchading können Benutzer in Echtzeit kommunizieren, während sie an Code arbeiten.
• ? Echtzeit-Tooltip-Anzeigen von Benutzern, die derzeit Bearbeitung
• Autovorschlag basierend auf der Programmiersprache
• ? Option, Schriftgröße und Schriftfamilie zu ändern
• ? Mehrere Themen für personalisierte Codierungserfahrungen
• ? Kollaborative Zeichnung: Ermöglichen Sie den Benutzern, in Echtzeit zusammenarbeiten und skizzieren und die interaktive Erfahrung Ihres Projekts zu verbessern.

Live -Vorschau

Sie können die Live -Vorschau des Projekts hier anzeigen.

Tech Stack

Installation

1. Fork dieses Repository: Klicken Sie auf die Schaltfläche Gabel in der oberen rechten Ecke dieser Seite, um das Repository zu fork.

2. Klonen Sie das Repository:

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

3. SET .EnV -Datei: In den Client- und Server -Verzeichnissen werden die Datei .env.example in .env umbenennen und die folgenden Umgebungsvariablen festlegen:

   Frontend:

   VITE_BACKEND_URL= < your_server_url >

   Backend:

   PORT=3000

4. Installieren Sie Abhängigkeiten: Navigieren Sie separat zu den Frontend- und Backend -Verzeichnissen und laufen Sie aus:

    npm install

5. Starten Sie die Frontend- und Backend -Server:
   Frontend:

    cd client
   npm run dev

   Backend:

    cd server
   npm run dev

6. Zugriff auf die Anwendung: Öffnen Sie einen Browser und geben Sie die folgende URL ein:

   http://localhost:5173/

? Funktionen für die nächste Version

• Administratorberechtigung: Implementieren Sie ein Admin -Berechtigungssystem, um die Benutzerzugriffsebenen zu verwalten und bestimmte Plattformfunktionen zu steuern.

? Beitragen

Wir begrüßen Beiträge, um die Code -Synchronisierung noch besser zu machen! Egal, ob Sie einen Fehler melden, eine neue Funktion vorschlagen oder einen Tippfehler beheben, Ihre Eingabe ist für uns wertvoll. Befolgen Sie die Beitragsrichtlinien, um loszulegen.

? Unterstützen Sie uns

Wenn Sie dies hilfreich oder wertvoll finden, sollten Sie bitte in Betracht ziehen? Darstellung des Repositorys. Es hilft uns, Sichtbarkeit zu erlangen und fördert die Weiterentwicklung. Wir schätzen Ihre Unterstützung!

? Lizenz

Dieses Projekt ist unter der MIT -Lizenz lizenziert.

? Wertschätzung für Ressourcen

Besonderer Dank geht an EMKC für die Bereitstellung der Kolben -API und der Codesteuerung. Weitere Informationen finden Sie unter folgenden Links:

• Piston Repository
• Kolbendokumente

Auch der Tldraw -Mitwirkenden für ihre erstaunliche Bibliothek dankbar. Weitere Informationen zu Tldraw finden Sie unter:

• Tldraw repository
• Tldraw -Dokumentation

✍️ Über Entwickler

Sahil Atahar