6:13:29Spotlight
Build a Full Stack Chat & Video Call App | Angular 19, ASP.NET Core, SignalR & WebRTC
Build a production-ready real-time chat application with WebRTC peer-to-peer video calling using Angular 19, ASP.NET Core Web API, SignalR, and Azure CI/CD. 📂 Source Code: https://www.patreon.com/posts/asp-net-web-api-145956711 ⚡ WHATS COVERED IN THIS FULL COURSE: • Real-time messaging & typing indicators with SignalR • Peer-to-peer video calling via WebRTC • JWT Authentication & User Registration/Login • State management & signals in Angular 19 • Responsive UI using TailwindCSS & Angular Material • Continuous Deployment (CI/CD) to Azure ⏱️ TIMESTAMPS 00:00 Introduction – Full Stack Chat & Video Call App 01:02 Project Setup (.NET, Angular, VS Code, Node) 05:34 Create ASP.NET Core Web API 14:11 JWT Authentication & Identity Setup 17:34 User Registration API (with Image Upload) 35:24 Login API & JWT Token Generation 45:50 Build SignalR Chat Backend 50:00 Real-Time Messaging with SignalR 01:13:23 Angular 19 Setup & UI (Tailwind + Material) 01:20:10 Build Authentication UI (Register & Login) 01:52:58 Angular Login & Route Guards 02:11:07 Create Chat UI in Angular 02:24:31 Display Online/Offline Users 02:52:23 Integrate SignalR in Angular 03:45:00 Send & Receive Real-Time Messages 03:53:22 Notifications & Typing Indicator 04:02:55 Chat History & Message Persistence 04:08:50 Mobile Responsive UI 04:31:30 PWA Support 04:36:44 WebRTC Video Calling Implementation 🔥 05:13:25 Deploy to Azure (CI/CD) #SignalR #WebRTC #Angular #dotnet #fullstack #programming #webdevelopment
17.6K views · Mar 28, 2025
