monkey app clone

Affen -App -Klon?

Dieses Projekt ist ein minimaler Klon der Monkey -App, einer Social -Media -App, mit der Benutzer mit zufälligen Personen chatten können. Es verwendet eine Vielzahl von Technologien, darunter ReactJs für das Frontend, das Redux -Toolkit für das staatliche Management, Peerjs für Webrtc, React Usewebsocket, BunJs für das Backend und Docker für Containerisierung und Orchestrierung.

Auf eine Live -Demo der Anwendung kann zugegriffen werden unter: https://monkey.misterneo.pro

Inhaltsverzeichnis

• Beschreibung
• Technologien verwendet
• Voraussetzungen
• Ausführen der App
  • Verwenden von Bunjs
  • Verwenden von Docker Compose
• Beitragen
• Lizenz

Beschreibung

Der Affen -App -Klon ist ein Projekt, das die Funktionalität der Affen -App replizieren soll. Dadurch können Benutzer mit der WEBRTC -Technologie Video -Chats betreiben. Außerdem können Benutzer mit WebRTC -Datachannel Textnachrichten aneinander senden. Die App wird mit ReactJs für Frontend, Redux Toolkit für die staatliche Verwaltung, Peerjs für WEBRTC, React Usewebsocket, Bunjs für das Backend und Docker für Containerisierung und Orchestrierung erstellt.

Technologien verwendet

• Reactjs (Frontend)
• Redux Toolkit (Staatsmanagement)
• Peerjs (Webrtc)
• React Usewebsocket (WebSockets)
• Bunjs (Backend)
• Docker (Containerisierung)
• Docker Compose (Container Orchestrierung)

Voraussetzungen

Stellen Sie vor dem Ausführen der App sicher, dass Bunjs auf Ihrem Computer installiert ist. Installationsanweisungen finden Sie hier. Wenn Sie BunJs nicht installieren können, können Sie mit der Docker -Komponierungsdatei die App mit Docker ausführen.

Ausführen der App

• Klonen Sie das Repository

git clone https://github.com/misterneo/monkey-app-clone.git
cd monkey-app-clone

Verwenden von Bunjs

Das Backend führen

• Gehen Sie zum server

 cd server

• Installieren Sie die Abhängigkeiten

bun install

• Führen Sie die App aus

bun run index.ts

Dadurch wird ein WebSocket- und HTTP -Server auf Port 3000 gestartet.

Optional:

Sie können den Port mit dem Flag --port , z. B. bun run index.ts --port 5000 angeben. Aktivieren Sie den Debug -Modus mit --debug Flag, z. B. bun run index.ts --debug .

Wenn Sie den Standardport ändern möchten, müssen Sie die VITE_SERVER_PORT -Variable in der .env.local -Datei im client -Verzeichnis aktualisieren. Sie können dies tun, indem Sie die Datei .env.example kopieren und in .env.local umbenennen. Aktualisieren Sie dann die VITE_SERVER_PORT -Variable in den angegebenen Port.

Das Frontend laufen

• Gehen Sie zum client -Verzeichnis

 cd client

• Installieren Sie die Abhängigkeiten

bun install

• Führen Sie die App aus

bun run dev

Dadurch wird die App auf Port 5173 gestartet. Navigieren Sie zu http://localhost:5173 um die App anzuzeigen.

Verwenden von Docker Compose

• Führen Sie den folgenden Befehl zum Stamm des Projekts aus, um die App zu starten:

docker compose up -d --build

Warten Sie, bis die App beginnt. Dies kann ein paar Minuten dauern, wenn Sie den Befehl zum ersten Mal ausführen.

Navigieren Sie zu http://localhost:5173 um die App anzuzeigen.

• Um die App zu stoppen, führen Sie den folgenden Befehl aus:

docker compose down

Beitragen

Beiträge sind willkommen. Fühlen Sie sich frei, eine Pull -Anfrage zu eröffnen oder ein Problem einzureichen.

Lizenz

Dieses Projekt ist unter der MIT -Lizenz lizenziert. Weitere Informationen finden Sie in der Lizenzdatei.