Completed
- Introduction
Class Central Classrooms beta
YouTube videos curated by Class Central.
Classroom Contents
Build ChatGPT 2.0 with React JS and OpenAI on Your PC
Automatically move to the next video in the Classroom when playback concludes
- 1 - Introduction
- 2 - Coding ChatGPT preview
- 3 - OpenAI Template Starter Kit
- 4 - ChatGPT Starter Kit
- 5 - Initialising Project
- 6 - Starting Frontend with Create React App
- 7 - Designing ChatGPT Side menu
- 8 - Styling ChatGPT Side menu
- 9 - Designing Prompt Input
- 10 - Styling Chat GPT Input
- 11 - Coding Chatbot Interface
- 12 - Styling the Chat message interface
- 13 - Adding OpenAI SVG Logo
- 14 - Starting Backend with Express
- 15 - Preparing OpenAI Configuration and API Key
- 16 - Creating Express API Routes
- 17 - React Frontend handle Submit function
- 18 - Cleaning up the React Components
- 19 - Creating Frontend API Request using Fetch
- 20 - Frontend Backend integration
- 21 - Adding Features to Select OpenAI Models
- 22 - Conclusion
