OpenAI -Webanwendung
Eine Webanwendung, mit der Benutzer über eine einfache und benutzerfreundliche Oberfläche mit den Modles von OpenAI interagieren können. Diese App dient dem Demo -Zweck, die OpenAI -API zu testen, und kann Probleme/Fehler enthalten.
Wenn Sie nach React.js Version suchen, überprüfen Sie hier
Demo.mp4
Merkmale
- Benutzerfreundliche Schnittstelle zum Erstellen von Anfragen an der OpenAI-API
- Die Antworten werden in einem Chat-ähnlichen Format angezeigt
- Wählen Sie Modelle (Davinci, Dall · e, Whisper) basierend auf Ihren Anforderungen
- Erstellen Sie AI -Bilder (dall · e)
- Audio-Text Transkribe (Flüster)
- Highlight Code -Syntax
Technologien verwendet
- Für den Client habe ich Frameworks nicht verwendet, da dies eine einfache Demo -Version ist.
- Für Server habe ich Express verwendet.
Aufstellen
Voraussetzungen
- Node.js
- OpenAI -API -Schlüssel
Installation
- Klonen Sie das Repository:
git clone https://github.com/ioanmo226/chatgpt-web-application
- Installieren Sie die Abhängigkeiten:
- Erstellen Sie eine .env -Datei im Stammordner und fügen Sie Ihre OpenAI -API -Taste im folgenden Format hinzu:
OPENAI_API_KEY=your_api_key
- Starten Sie den Knotenserver
- Wenn Sie nun zu http: // localhost: 3001 navigieren, sehen Sie die Webantwort.
Verwendung
- Geben Sie das Feld Eingabe ein und drücken Sie die Eingabetaste oder klicken Sie auf die Schaltfläche Senden, um eine Anforderung an die OpenAI -API zu stellen
- Verwenden Sie die Steuerung+Eingabetaste, um Linienbrüche im Eingangsfeld hinzuzufügen
- Die Antworten werden im Chat-ähnlichen Format oben auf der Seite angezeigt
- Generieren Sie Code, einschließlich der Übersetzung der natürlichen Sprache in den Code
- Nutzen Sie die Dall · e -Modelle, um AI -Bilder zu generieren.
- Verwenden Sie das Whisper -Modell, um Audio in Text zu transkribieren.
Beitragen
Dieses Projekt begrüßt Beiträge und Verbesserungsvorschläge. Wenn Sie Ideen haben, können Sie bitte ein Problem eröffnen oder eine Pull -Anfrage erstellen.
Vielen Dank für Ihre Überlegung.
