reactjs18 virtualspeakz Download - reactjs18 virtualspeakz Quellcode Download

reactjs18 virtualspeakz

AI-Quellcode

v1.0.0

Herunterladen

Projektbanner

Virtualspeakz AI Messenger

VirtualSpeakz-AI Messenger ist eine phänomenale Chat-Anwendung, die clevere GPT-Bots für Assistenten, Chat und Codierung mit ChatEngine & OpenAI integriert.

Demo anzeigen · Dokumentation · Meldefehler · Anforderungsfunktion

? Inhaltsverzeichnis

Über das Projekt
- Ordnerstruktur
- Umgebungsvariablen
- Tech Stack
Erste Schritte
- Installation
- Vor Ort laufen
Beitragen
Lizenz
Kontakt
Anerkennung

? Über das Projekt

Dieses Repository beherbergt eine phänomenale AI -Chat -Anwendung, die clevere Openai -Bots für Assistent, Chat und Codierung integriert - erstellt mit @chatengine -io & @Openai API. ?

‼ ️ Ordnerstruktur

Hier ist die Ordnerstruktur von VirtualSpeakz-AI Messenger .

VirtualSpeakz-AI-Messenger/
| - client/
  | - public/
  | - src/
    | - assets/
    | - components/
      | - chat/
        | - index.jsx
      | - header/
        | - index.jsx
      | - login/
        | - index.jsx
      | - messageForm/
        | - Ai.jsx
        | - AiAssist.jsx
        | - AiCode.jsx
        | - MessageFormUI.jsx
        | - StandardMessageForm.jsx
    | - state/
      | - api.js
    | - App.jsx
    | - index.scss
    | - main.jsx
    | - .env
    | - jsconfig.json
    | - .eslintrc.json
    | - vite.config.js
    | - package.json
| - server/
  | - routes/
    | - auth.js
    | - openai.js
  | - index.js
  | - .env
  | - package.json

? Umgebungsvariablen

Um VirtualSpeakz-AI Messenger zu verwenden, müssen Sie einige Umgebungsvariablen zu .Env-Dateien hinzufügen, VirtualSpeakz-AI verwendet die API von OpenAI und Chat Engine.

Client-Seite [Client/.env]

Erstellen Sie .env -Datei im client/ Verzeichnis und fügen Sie die folgenden Umgebungsvariablen hinzu:

 VITE_BASE_URL = <SERVER_URL>
VITE_PROJECT_ID = <CHAT_ENGINE_PROJECT_ID>

Server-Seite [Server/.env]

Create .env -Datei im server/ Verzeichnis und fügen Sie die folgenden Umgebungsvariablen hinzu:

 PORT = <PORT>
OPENAI_API_KEY = <OPEN_AI_API_KEY>
CE_PROJECT_ID = <CHAT_ENGINE_PROJECT_ID>
CE_PRIVATE_KEY = <CHAT_ENGINE_PRIVATE_KEY>
CE_BOT_USER_NAME = <SYSTEM_AI_BOT_USER_NAME>
CE_BOT_USER_SECRET = <SYSTEM_AI_BOT_USER_SECRET>

Kontodetails

Um die VirtualSpeak-AI -Chat-Anwendung zu verwenden, haben Sie sich anmelden und Chats erstellen. Die Verwendung von AI-Chat erstellt dies Chat mit dem Namen AI-{Chat/Code/Assist} . Details für Konto, in dem alle Chats vorhanden sind:

Username: Admin
Password: 123321

? Tech Stack

(zurück nach oben)

? Erste Schritte

Installation

Schritt 1:

Laden Sie diesen Repo mit oder klonen Sie mit dem folgenden Link:

 https://github.com/ladunjexa/VirtualSpeakz-AI-Messenger

Schritt 2:

VirtualSpeakz-ai verwenden NPM (Node Package Manager). Stellen Sie daher sicher, dass Node.js durch Ausführen des folgenden Befehls in der Konsole installiert wird:

  node -v

Schritt 3:

Führen Sie im Hauptordner den folgenden Befehl in der Konsole aus, um die erforderlichen Abhängigkeiten zu erhalten:

  npm install

Schritt 4:

Im Hauptordner führen Sie den folgenden Befehl in der Konsole aus, um ein Build-Verzeichnis mit einem Produktionsaufbau von VirtualSpeakz-AI zu erstellen:

  npm run build

Schritt 5:

Führen Sie im Hauptordner den folgenden Befehl in der Konsole aus, um den Server auszuführen:

  npm run start

? Vor Ort laufen

Schritt 1:

Führen Sie im Hauptordner den folgenden Befehl in der Konsole aus, um die erforderlichen Abhängigkeiten zu erhalten:

  npm install

Schritt 2:

Führen Sie im Hauptordner den folgenden Befehl in der Konsole aus, um den Entwicklungsserver auszuführen:

  npm run dev

(zurück nach oben)

Beitragen

Beiträge sind immer willkommen!

Sehen Sie, wie Sie den contributing.md haben, um zu beginnen.

Beiträge machen die Open -Source -Community zu einem erstaunlichen Ort, um zu lernen, zu inspirieren und zu kreieren. Alle Beiträge, die Sie leisten, werden sehr geschätzt .

Wenn Sie einen Vorschlag haben, der dies besser machen würde, geben Sie bitte das Repo und erstellen Sie eine Pull -Anfrage. Sie können auch einfach ein Problem mit dem Tag "Verbesserung" eröffnen. Vergessen Sie nicht, dem Projekt einen Stern zu geben! Danke noch einmal!