Completed
1:04:33 Creating the Frontend
Class Central Classrooms beta
YouTube videos curated by Class Central.
Classroom Contents
AI Course for Developers - Build AI-Powered Apps with React
Automatically move to the next video in the Classroom when playback concludes
- 1 0:00:00 Welcome
- 2 0:01:26 Prerequisites
- 3 0:02:21 What You’ll Learn
- 4 0:06:15 Setting Up Your Development Environment
- 5 0:07:12 Introduction to AI Models
- 6 0:07:48 Rise of AI Engineering
- 7 0:11:49 What Are Large Language Models?
- 8 0:16:12 What Can You Do With Language Models?
- 9 0:18:37 Understanding Tokens
- 10 0:21:40 Counting Tokens
- 11 0:25:43 Choosing the Right Model
- 12 0:30:45 Understanding Model Settings
- 13 0:39:32 Calling Models
- 14 0:47:07 Setting Up a Modern Full-Stack Project
- 15 0:48:19 Setting Up Bun
- 16 0:49:51 Creating the Project Structure
- 17 0:52:39 Creating the Backend
- 18 0:59:18 Managing OpenAI API Key
- 19 1:04:33 Creating the Frontend
- 20 1:07:18 Connecting the Frontend and Backend
- 21 1:12:31 Running Both Apps Together
- 22 1:15:55 Setting Up TailwindCSS
- 23 1:19:30 Setting Up ShadCN/UI
- 24 1:26:00 Formatting Code With Prettier
- 25 1:31:02 Automating Pre-Commit Checks With Husky
- 26 1:37:53 Project: Building a ChatBot
- 27 1:38:22 Building the Backend
- 28 1:38:58 Building the Chat API
- 29 1:45:25 Testing the API
- 30 1:47:22 Managing Conversation State
- 31 1:53:44 Input Validation
- 32 1:59:33 Error Handling
- 33 2:01:52 Refactoring the Chat API
- 34 2:04:00 Extracting Conversation Repository
- 35 2:09:21 Extracting Chat Service
- 36 2:16:05 Extracting Chat Controller
- 37 2:20:03 Extracting Routes
- 38 2:24:55 Building the Frontend
