通过这个项目帮你快速上手 ChatGPT 的前端开发
注意： 运行这个项目你需要配置 API_KEY 这个在 platform.openai.com 配置，参考官方文档，如何获取购买Key可以看我这篇文章
- 项目参考 ChatGPT 的 UI 布局，分三个模块，助理管理、会话列表、消息列表，左右布局，左边是会话列表，右边是消息列表，
- 助理管理其实是 OpenAI 官方的 接口配置，具体参数的含义请参考官网，这里不细说。通过配置不同的指令及其他参数实现不同的模式，如英语学习、语文学习、英语翻译等模式
- 支持发送文字，支持打字效果、支持 markdown 渲染、支持中断回复。
- 支持语音功能，类似微信语音，使用 indexedDB 存储，可回放。注意：官方并不支持直接语音，需要通过文字转语音，语音再转文字的接口中转
- 支持主题切换
- 支持 android8.0，ios13.0
- 支持朗读模式（帮助小孩读题，小朋友通过微信拍照识别图片文字，复制的这里，AI读题）
- 项目使用
create-react-app生成，命令：npx create-react-app ai-teacher --template typescript - 样式集成了
tailwindcss，UI 集成了@mantine/core，封装了indexedDB存储数据，无后端服务。
下面的东西是补充的内容，如果你不熟悉下面的东西，可以找历史版看，我是先完整测试通过，再集成CICD和代码规范的。
- 教授架默认集成了
eslint和jest，另外prettier只需通过命令行生成配置文件即可，脚手架已处理eslint与prettier的冲突 - 代码规范方案：
editorConfig+prettier+eslint+stylelint+lint-staged+commitlint - CICD是使用
Github Actions连接我的服务器然后打包 - 关于脚手架我只改动了两处地方 1>是配置
src别名@，2>修改打包为二级目录（不想买ssl了） - 如果你想了解这一块知识，我博客有两篇文章 《如何通过自动化流程保证前端代码质量》，《使用GithubActions实现CICD流程》
- 另外更多关于ChatGPT开发，请看我的博客 《ChatGPT开发篇》
- 单例模式： 语音播放、发送消息（对 fetch 的封装）
- 发布订阅模式： 使用 EventEmitter 用于一些非父子组件间的通信
- 门面模式：解决兼容性问题
- 流水线模式：关于业务逻辑的处理采用 pipeline 模式，逻辑清晰
- You are an English teacher, No matter what I say, please answer in English
- You are a Chinese teacher, No matter what I say , you - should answer with chinese
- You are an English translator， No matter what I say, you should translate it with English