Completed
1:19:21 - TailwindCSS Setup & Clean Up
Class Central Classrooms beta
YouTube videos curated by Class Central.
Classroom Contents
Build and Deploy an AI-Powered Chat App - Vue, Node, TypeScript, OpenAI, Stream and Neon Database
Automatically move to the next video in the Classroom when playback concludes
- 1 0:00 - Intro
- 2 2:43 - Documentation URLs
- 3 4:13 - Backend Init & Install Dependencies
- 4 7:56 - Backend TypeScript Config
- 5 10:03 - Express Server Setup
- 6 13:35 - /register-user Endpoint Setup
- 7 17:37 - Initialize Stream With API Keys
- 8 21:17 - Register User With Stream Chat
- 9 27:41 - /chat Endpoint & Open AI Init
- 10 42:49 - Neon PostgreSQL Database Setup
- 11 46:00 - Database Config & Neon Adapter
- 12 48:46 - Drizzle Schema
- 13 54:26 - Drizzle Config
- 14 57:31 - Database Migration
- 15 59:11 - Save Users In Neon PostgreSQL
- 16 1:04:58 - Save Chats In Neon PostgreSQL
- 17 1:09:38 - Get User Chat History
- 18 1:15:22 - Frontend Init & Install Dependencies
- 19 1:19:21 - TailwindCSS Setup & Clean Up
- 20 1:22:02 - Router & Page Setup
- 21 1:27:54 - Home Form Display
- 22 1:31:52 - Reactive Variables & Input Bind
- 23 1:37:24 - Pinia Initialization
- 24 1:39:19 - Pinia User Store
- 25 1:42:57 - Hook Up Home Form
- 26 1:50:02 - Header & Leave Chat/Logout
- 27 1:57:20 - Pinia Chat Store
- 28 2:01:45 - Load Chat History Function/Request
- 29 2:08:42 - Load Chat Into UI
- 30 2:17:50 - Send Message Function/Request
- 31 2:22:21 - Send Message Form
- 32 2:29:32 - Get Context Of Chat
- 33 2:37:37 - Format Output Text
- 34 2:40:52 - Backend API Deploy To Render
- 35 2:43:55 - Frontend Deploy To Vercel
