chatgpt react express

Application Chatgpt React

Il s'agit d'une application basée sur React qui exploite la puissance de l'API ChatGPT d'OpenAI pour générer des réponses humaines dans une interface de chat. Cette lecture.md vous guidera à travers la configuration et l'utilisation de cette application. Le serveur express sert de proxy pour communiquer avec l'API ChatGPT à l'aide de GPT-Turbo, car le package OpenAI a du mal à utiliser le modèle GPT-3.5-Turbo.

Table des matières

1. Caractéristiques
2. Condition préalable
3. Installation
4. Usage
5. Contributif
6. Licence

? Caractéristiques

• Frontend basé sur React qui offre une expérience utilisateur fluide.
• Intégration avec l'API ChatGPT d'Openai pour une puissante génération de langage naturel.
• Interface de chat réactive qui s'adapte à diverses tailles d'écran.
• Gestion des erreurs approfondies pour assurer une expérience transparente.

? Condition préalable

Avant de commencer, assurez-vous que vous avez installé les suivants:

• Node.js (v14 ou supérieur)
• NPM (V7 ou plus)
• Une clé API Openai (inscrivez-vous ici si vous n'en avez pas)

Installation

Pour configurer le projet sur votre machine locale, suivez ces étapes:

1. Clone le référentiel:

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

2. Changer dans le répertoire du projet:

 cd chatgpt-react-express-app

3. Installez les dépendances:

npm install

4. Créez un fichier .env dans le répertoire racine et ajoutez votre touche API OpenAI:

 REACT_APP_OPENAI_API_KEY=your_openai_api_key

5. Cette application utilise des processus distincts pour le front-end et le back-end. Vous pouvez les exécuter individuellement ou simultanément en utilisant les scripts NPM suivants:

Exécutez le serveur arrière uniquement:

npm run server

Exécutez uniquement le serveur de développement REACT frontal:

npm run client

Exécutez simultanément les serveurs back-end et frontaux:

npm run dev

L'application sera désormais en cours d'exécution sur http://localhost:3000 . Ouvrez votre navigateur et accédez à cette adresse pour commencer à utiliser l'application.

Usage

1. Tapez votre message dans le champ de saisie en bas de l'interface de chat.
2. Appuyez sur Enter ou cliquez sur le bouton Send pour soumettre votre message.
3. L'application enverra le message à l'API Chatgpt et affichera la réponse générée dans la fenêtre de chat.
4. Vous pouvez continuer la conversation en envoyant plus de messages. L'historique de chat sera visible, permettant une conversation plus engageante et interactive.

? Contributif

Les contributions sont les bienvenues! Si vous souhaitez améliorer ou développer le projet, veuillez suivre ces étapes:

1. Fourk le référentiel.
2. Créez une nouvelle branche avec un nom descriptif.
3. Faites vos modifications dans la nouvelle branche.
4. Soumettez une demande de traction avec une description détaillée de vos modifications.

Nous allons passer en revue votre demande de traction et fournir des commentaires ou fusionner vos modifications dès que possible.

? Licence

Ce projet est autorisé sous la licence du MIT. Voir le fichier de licence pour plus de détails.