chatgpt react express

Chatgpt React App

Dies ist eine auf Reaktionsbasierte Anwendung, die die Leistung der Chatgpt-API von OpenAI nutzt, um menschliche Antworten in einer Chat-Schnittstelle zu generieren. Diese Readme.md führt Sie durch das Setup und die Verwendung dieser App. Der Express-Server dient als Proxy für die Kommunikation mit der ChatGPT-API mit GPT-Turbo, da das OpenAI-Paket Probleme mit dem GPT-3.5-Turbo-Modell hat.

Inhaltsverzeichnis

1. Merkmale
2. Voraussetzungen
3. Installation
4. Verwendung
5. Beitragen
6. Lizenz

? Merkmale

• React-basiertes Frontend, das eine reibungslose Benutzererfahrung bietet.
• Integration mit OpenAIs Chatgpt -API für mächtige natürliche Sprachgenerierung.
• Responsive Chat -Schnittstelle, die sich an verschiedene Bildschirmgrößen anpasst.
• Gründliche Fehlerbehandlung, um eine nahtlose Erfahrung zu gewährleisten.

? Voraussetzungen

Stellen Sie vor dem Einstieg sicher, dass Sie die folgenden Installation haben:

• Node.js (v14 oder höher)
• NPM (v7 oder höher)
• Ein OpenAI -API -Schlüssel (melden Sie sich hier an, wenn Sie keine haben)

Installation

Befolgen Sie die folgenden Schritte, um das Projekt auf Ihrer lokalen Maschine einzurichten:

1. Klonen Sie das Repository:

git clone https://github.com/yourusername/chatgpt-react-express-app.git

2. Wechsel zum Projektverzeichnis:

 cd chatgpt-react-express-app

3. Installieren Sie die Abhängigkeiten:

npm install

4. Erstellen Sie eine .env -Datei im Stammverzeichnis und fügen Sie Ihre OpenAI -API -Schlüssel hinzu:

 REACT_APP_OPENAI_API_KEY=your_openai_api_key

5. Diese Anwendung verwendet separate Prozesse für das Front-End und das Back-End. Sie können sie einzeln oder gleichzeitig mit den folgenden NPM -Skripten ausführen:

Führen Sie nur den Back-End-Server aus:

npm run server

Führen Sie nur den Front-End-React-Entwicklungsserver aus:

npm run client

Führen Sie sowohl die Back-End- als auch die Front-End-Server gleichzeitig aus:

npm run dev

Die Anwendung wird nun unter http://localhost:3000 ausgeführt. Öffnen Sie Ihren Browser und navigieren Sie zu dieser Adresse, um mit der App zu beginnen.

Verwendung

1. Geben Sie Ihre Nachricht im Feld Eingabe unten in der Chat -Schnittstelle ein.
2. Drücken Sie Enter oder klicken Sie auf die Schaltfläche Send , um Ihre Nachricht zu senden.
3. Die Anwendung sendet die Nachricht an die Chatgpt -API und zeigt die generierte Antwort im Chat -Fenster an.
4. Sie können das Gespräch fortsetzen, indem Sie weitere Nachrichten senden. Der Chat -Verlauf wird sichtbar sein und ein ansprechenderes und interaktiveres Gespräch ermöglicht.

? Beitragen

Beiträge sind willkommen! Wenn Sie das Projekt verbessern oder erweitern möchten, befolgen Sie bitte die folgenden Schritte:

1. Geben Sie das Repository auf.
2. Erstellen Sie einen neuen Zweig mit einem beschreibenden Namen.
3. Nehmen Sie Ihre Änderungen in der neuen Niederlassung vor.
4. Senden Sie eine Pull -Anfrage mit einer detaillierten Beschreibung Ihrer Änderungen.

Wir werden Ihre Pull -Anfrage überprüfen und Feedback geben oder Ihre Änderungen so schnell wie möglich zusammenführen.

? Lizenz

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