chatgpt react express

CHATGPT React App

Это приложение на основе React, которое использует силу API Openai CHATGPT для генерации человеческих ответов в интерфейсе чата. Этот readme.md поможет вам через настройку и использование этого приложения. Express Server служит прокси для связи с API CHATGPT с использованием GPT-Turbo, так как у пакета OpenAI возникают проблемы с использованием модели GPT-3.5-Turbo.

Оглавление

1. Функции
2. Предварительные условия
3. Установка
4. Использование
5. Внося
6. Лицензия

? Функции

• Реакция на основе фронта, который обеспечивает плавное пользовательское впечатление.
• Интеграция с API OpenAI CHATGPT для мощного генерации естественного языка.
• Адаптирующий интерфейс чата, который адаптируется к различным размерам экрана.
• Тщательная обработка ошибок, чтобы обеспечить бесшовный опыт.

? Предварительные условия

Прежде чем начать работу, убедитесь, что у вас установлено следующее:

• Node.js (v14 или выше)
• NPM (V7 или выше)
• Ключ API OpenAI (зарегистрируйтесь здесь, если у вас его нет)

Установка

Чтобы настроить проект на вашей локальной машине, выполните следующие действия:

1. Клонировать репозиторий:

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

2. Изменение в каталоге проекта:

 cd chatgpt-react-express-app

3. Установите зависимости:

npm install

4. Создайте файл .env в корневом каталоге и добавьте свой ключ API OpenAI:

 REACT_APP_OPENAI_API_KEY=your_openai_api_key

5. Это приложение использует отдельные процессы для фронтального и движения. Вы можете запустить их по отдельности или одновременно, используя следующие сценарии NPM:

Запустите только сервер только:

npm run server

Запустите только сервер разработки Greact Front-End:

npm run client

Запустите как на задние, так и передние серверы одновременно:

npm run dev

Приложение теперь будет запущено на http://localhost:3000 . Откройте свой браузер и перейдите по этому адресу, чтобы начать использовать приложение.

Использование

1. Введите свое сообщение в поле ввода в нижней части интерфейса чата.
2. Нажмите Enter или нажмите кнопку Send , чтобы отправить свое сообщение.
3. Приложение отправит сообщение в API CHATGPT и отобразит сгенерированный ответ в окне чата.
4. Вы можете продолжить разговор, отправив больше сообщений. История чата будет видна, что позволит провести более привлекательный и интерактивный разговор.

? Внося

Взносы приветствуются! Если вы хотите улучшить или расширить проект, пожалуйста, выполните следующие действия:

1. Вилка репозитория.
2. Создайте новую ветку с описательным именем.
3. Внесите свои изменения в новой ветви.
4. Отправьте запрос на привлечение с подробным описанием ваших изменений.

Мы рассмотрим ваш запрос на привлечение и предоставим обратную связь или как можно скорее объединим ваши изменения.

? Лицензия

Этот проект лицензирован по лицензии MIT. Смотрите файл лицензии для получения более подробной информации.