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许可获得许可。有关更多详细信息，请参见许可证文件。