chatgpt react express

Aplicación de reacción de chatgpt

Esta es una aplicación basada en React que aprovecha el poder de la API CHATGPT de OpenAI para generar respuestas similares a los humanos en una interfaz de chat. Este ReadMe.md lo guiará a través de la configuración y el uso de esta aplicación. El servidor Express sirve como un proxy para comunicarse con la API CHATGPT usando GPT-TURBO, ya que el paquete OpenAI tiene problemas para usar el modelo GPT-3.5-TURBO.

Tabla de contenido

1. Características
2. Requisitos previos
3. Instalación
4. Uso
5. Que contribuye
6. Licencia

? Características

• Frontend basado en React que proporciona una experiencia de usuario suave.
• Integración con la API CHATGPT de OpenAI para una poderosa generación de idiomas naturales.
• Interfaz de chat receptiva que se adapta a varios tamaños de pantalla.
• Manejo de errores exhaustivos para garantizar una experiencia perfecta.

? Requisitos previos

Antes de comenzar, asegúrese de tener lo siguiente instalado:

• Node.js (v14 o superior)
• NPM (V7 o superior)
• Una clave API de OpenAI (regístrese aquí si no tiene una)

Instalación

Para configurar el proyecto en su máquina local, siga estos pasos:

1. Clon el repositorio:

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

2. Cambiar al directorio del proyecto:

 cd chatgpt-react-express-app

3. Instale las dependencias:

npm install

4. Cree un archivo .env en el directorio raíz y agregue su tecla API de OpenAI:

 REACT_APP_OPENAI_API_KEY=your_openai_api_key

5. Esta aplicación utiliza procesos separados para el front-end y el back-end. Puede ejecutarlos individualmente o simultáneamente utilizando los siguientes scripts NPM:

Ejecute solo el servidor de fondo:

npm run server

Ejecute solo el servidor de desarrollo React front-end:

npm run client

Ejecute los servidores de back-end y front-end simultáneamente:

npm run dev

La aplicación ahora se ejecutará en http://localhost:3000 . Abra su navegador y navegue a esta dirección para comenzar a usar la aplicación.

Uso

1. Escriba su mensaje en el campo de entrada en la parte inferior de la interfaz de chat.
2. Presione Enter o haga clic en el botón Send para enviar su mensaje.
3. La aplicación enviará el mensaje a la API CHATGPT y mostrará la respuesta generada en la ventana de chat.
4. Puede continuar la conversación enviando más mensajes. El historial de chat será visible, permitiendo una conversación más atractiva e interactiva.

? Que contribuye

¡Las contribuciones son bienvenidas! Si desea mejorar o expandir el proyecto, siga estos pasos:

1. Bifurca el repositorio.
2. Cree una nueva rama con un nombre descriptivo.
3. Haga sus cambios en la nueva rama.
4. Envíe una solicitud de extracción con una descripción detallada de sus cambios.

Revisaremos su solicitud de extracción y proporcionaremos comentarios o fusionaremos sus cambios lo antes posible.

? Licencia

Este proyecto tiene licencia bajo la licencia MIT. Consulte el archivo de licencia para obtener más detalles.