AI Course for Developers - Build AI-Powered Apps with React

Learn to build AI-powered applications using React and Express in this comprehensive 2 hour and 26 minute tutorial. Master the fundamentals of Large Language Models (LLMs), including understanding tokens, choosing appropriate models, and configuring model settings for optimal performance. Explore the rise of AI engineering and discover what you can accomplish with language models in modern web development. Set up a complete full-stack development environment using Bun, and create a professional project structure with proper backend and frontend separation. Implement essential development tools including TailwindCSS for styling, ShadCN/UI for components, Prettier for code formatting, and Husky for automated pre-commit checks. Build a fully functional chatbot application from scratch, starting with backend API development and progressing through conversation state management, input validation, and comprehensive error handling. Apply software engineering best practices by refactoring code into clean, maintainable components including conversation repositories, chat services, controllers, and organized route structures. Connect frontend and backend systems seamlessly while managing OpenAI API keys securely and testing API functionality throughout the development process.

Syllabus

0:00:00 Welcome
0:01:26 Prerequisites
0:02:21 What You’ll Learn
0:06:15 Setting Up Your Development Environment
0:07:12 Introduction to AI Models
0:07:48 Rise of AI Engineering
0:11:49 What Are Large Language Models?
0:16:12 What Can You Do With Language Models?
0:18:37 Understanding Tokens
0:21:40 Counting Tokens
0:25:43 Choosing the Right Model
0:30:45 Understanding Model Settings
0:39:32 Calling Models
0:47:07 Setting Up a Modern Full-Stack Project
0:48:19 Setting Up Bun
0:49:51 Creating the Project Structure
0:52:39 Creating the Backend
0:59:18 Managing OpenAI API Key
1:04:33 Creating the Frontend
1:07:18 Connecting the Frontend and Backend
1:12:31 Running Both Apps Together
1:15:55 Setting Up TailwindCSS
1:19:30 Setting Up ShadCN/UI
1:26:00 Formatting Code With Prettier
1:31:02 Automating Pre-Commit Checks With Husky
1:37:53 Project: Building a ChatBot
1:38:22 Building the Backend
1:38:58 Building the Chat API
1:45:25 Testing the API
1:47:22 Managing Conversation State
1:53:44 Input Validation
1:59:33 Error Handling
2:01:52 Refactoring the Chat API
2:04:00 Extracting Conversation Repository
2:09:21 Extracting Chat Service
2:16:05 Extracting Chat Controller
2:20:03 Extracting Routes
2:24:55 Building the Frontend