ChatGPT 和 React - AI 聊天机器人革命简介
- 1. Introduction
- 1. Introduction
- 2. Introduction to Prompt Engineering
- 3. Role of AI
- 4. Who should join
- 5. What will you learn
- 6. Prerequisites
- 7. Chatbots (An overview of chatbot technology)
- 2. ChatGPT and MidJourney
- 1. How to Use ChatGPT Overview
- 2. Prompt Engineering
- 3. Midjourney
- 4. How to Write Prompts Priming
- 5. How to Write Prompts Iteration
- 6. AI tools comparison
- 3. Building ChatGPT in React.js
- 1. What we are building
- 2. Introduction to React & Installation
- 3. Setting up the Environment
- 4. Create a User Interface (UI)
- 1. Sidebar
- 2. Sidebar Setting Options
- 5. GPT Response and Input Styling (UI)
- 1. Main box
- 2. Chat input
- 3. New chat content
- 4. Adding Avatars
- 5. AssistantAI Styling
- 6. Setup Node.js for connection
- 1. Node.js setup
- 2. How to Connect App with the Server
- 7. Integrate Open AI API & Testing
- 1. How to get the API Key
- 2. Postman and Testing API
- 3. Using React Hooks and Integrating the backend with the frontend
- 4. Handling Error Integrating backend with frontend part
- 5. Receiving results from own chatbot
- 8. Format and Display Responses
- 1. API to Display them data in readable form
- 2. Prompt Response with text-decoder-Stream
- 9. Chat History
- 1. Using model text-davinci-002
- 2. Generating chat History
- 3. New Chats
- 10. Conclusion
- 1. Conclusion