Thumbnail for video: Build Real-Time Chat App with Angular & ASP.NET Core SignalR | Full Stack Tutorial

Build Real-Time Chat App with Angular & ASP.NET Core SignalR | Full Stack Tutorial

Published on:December 27, 2024Duration:1:13:16Views:8,504 viewsLikes:130 likesComments:28 comments

Learn how to build a Real-Time Chat Application using Angular, ASP.NET Core, SignalR, and WebRTC step by step. In this full-stack tutorial, you'll create a scalable chat app with authentication, real-time messaging, and modern best practices. Perfect for Angular, .NET developers, and full-stack engineers. In this step-by-step full-stack tutorial, you’ll learn how to: - Implement real-time messaging using SignalR - Build scalable APIs using ASP.NET Core - Create a modern Angular 19 frontend - Add JWT Authentication & user management - Upload profile images - Use WebRTC for real-time communication Support me to create new exiciting course for free : https://www.patreon.com/posts/asp-net-web-api-145956711 Timestamps: 0:00 Introduction full stack chat app using angular and .net core signalr 2:06 Environment Setup (Download and install .NET 9 SDK) 2:15 Download and install VS Code 3:43 Download and install node.js 4:10 Install Angular globally in Windows 11 5:30 Create .NET 9 Web API project using CLI 7:08 Create angular project using angular CLI 8:17 Install Nuget Packages using visual studio nuget gallery 14:06 Add authentication in service container 17:33 Lets build register endpoint using .net 9 minimal api 28:30 Upload profile picture using minimal API 33:06 Test profile image upload using postman 35:50 Generate Tokenservice class for create token 45:45 Add Message Entity & Add Initial Migrations 49:54 Let's add signalr ChatHub in .net 9 1:05:45 Enable JWT Authentication and CORS in Chat Hub #Angular19 #DotNet9 #SignalR #WebRTC #FullStackDevelopment #RealtimeApp #ChatApp #ASPNetCore