chatgpt react express

Chatgpt React應用程序

這是一個基於React的應用程序，它利用OpenAI的ChatGpt API的功能在聊天界面中生成類似人類的響應。此readme.md將指導您完成此應用程序的設置和使用。 Express Server用作使用GPT-Turbo與Chatgpt API通信的代理，因為OpenAI軟件包使用GPT-3.5-Turbo模型遇到了麻煩。

目錄

1. 特徵
2. 先決條件
3. 安裝
4. 用法
5. 貢獻
6. 執照

？特徵

• 基於React的前端，可提供流暢的用戶體驗。
• 與Openai的Chatgpt API集成，以創造強大的自然語言生成。
• 適應各種屏幕尺寸的響應式聊天接口。
• 徹底的錯誤處理以確保無縫體驗。

？先決條件

在開始之前，請確保已安裝以下內容：

• node.js（v14或更高）
• NPM（V7或更高）
• OpenAI API鍵（如果沒有一個鍵，請在此處註冊）

安裝

要在本地計算機上設置項目，請按照以下步驟：

1. 克隆存儲庫：

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

2. 更改為項目目錄：

 cd chatgpt-react-express-app

3. 安裝依賴項：

npm install

4. 在根目錄中創建.env文件，然後添加您的OpenAI API密鑰：

 REACT_APP_OPENAI_API_KEY=your_openai_api_key

5. 該應用程序為前端和後端使用單獨的過程。您可以使用以下NPM腳本單獨或同時運行它們：

僅運行後端服務器：

npm run server

僅運行前端React開發服務器：

npm run client

同時同時運行後端和前端服務器：

npm run dev

該應用程序現在將在http://localhost:3000上運行。打開瀏覽器並導航到此地址以開始使用該應用程序。

用法

1. 在聊天接口底部的輸入字段中輸入您的消息。
2. 按Enter或單擊Send按鈕提交您的消息。
3. 該應用程序將將消息發送到Chatgpt API，並在聊天窗口中顯示生成的響應。
4. 您可以通過發送更多消息來繼續對話。聊天歷史將是可見的，可以進行更具吸引力和互動性的對話。

？貢獻

歡迎捐款！如果您想改進或擴展項目，請遵循以下步驟：

1. 分叉存儲庫。
2. 創建一個具有描述名稱的新分支。
3. 在新分支中進行更改。
4. 提交拉動請求，並詳細說明您的更改。

我們將查看您的拉力請求，並提供反饋或盡快合併您的更改。

？執照

該項目已根據MIT許可獲得許可。有關更多詳細信息，請參見許可證文件。