Real-Time Chat App using Angular 19 & ASP.NET Core SignalR - API #angular19 #dotnet9

Dive deep into the world of real-time communication with this comprehensive tutorial!

In this video, we'll guide you step-by-step through the process of building a robust and feature-rich real-time chat application using the powerful combination of Angular for the front-end and .NET Core with SignalR for the back-end.

Key takeaways:
Master SignalR: Understand the fundamentals of SignalR, a library that facilitates real-time, bidirectional communication between a server and client.  
Angular expertise: Enhance your Angular skills by implementing real-time features within a dynamic and user-friendly web application.
.NET Core proficiency: Gain hands-on experience with .NET Core, a cross-platform, open-source framework for building modern web applications.  
Build a practical application: From setting up the project to handling user interactions, you'll learn by doing and create a fully functional chat application.
Best practices: Discover best practices for building scalable and maintainable real-time applications, including efficient data handling and user experience considerations.
Who is this video for?

Front-end developers: Aspiring and experienced Angular developers who want to add real-time capabilities to their projects.
Back-end developers: .NET Core developers seeking to explore real-time communication technologies and enhance their back-end skills.
Full-stack developers: Developers interested in gaining a holistic understanding of building real-time applications, from front-end to back-end.
Anyone curious about real-time technologies: Individuals interested in learning about how real-time communication works and its applications in modern web development.

Support me to create new exiciting course for free :

Outline:
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
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

Angular SignalR
.NET Core SignalR
Real-time Chat
Build Chat App
SignalR Tutorial
Angular Tutorial
.NET Core Tutorial
Web Development
Real-time Communication
Front-end Development
Full-stack Development
Software Development
Programming
chat app with angular .net core signalr
signalr chat application c#
chat app signalr
chat app .net
chat app with .net core api and signalr
.net core signalr angular chat
angular chat app signalr
angular chat with signalr
angular chat app
.net core chat application
.net chat app
signalr angular chat
signalr chat app
signalr .net core angular chat
angular signalr chat
.net core chat
signalr chat with angular
angular signalr chat example
angular chat app exampe
signalr chathub
signalr and angular
signalr chat
angular chat component
angular chat component ui
angular with signalr
microsoft signalr angular
.net core 6 signalr
angular 14 .net
angular with dot net
angular dotnet core tutorial
angular + .net
dotnet 9
c# angular app
dotnet core and angular
.net core angular app
.net core angular application
.net core angular tutorial
asp net core and angular
asp net core serve angular app
asp net core 8 and angular by valerio de sanctis
asp net core angular ecommerce github
asp net core angular example project
asp net core 6 and angular free download
asp net core angular github
dotnet core with angular interview questions
asp net core identity angular
asp net core angular jwt authentication
.net core angular authentication
asp net core angular login page
asp net core angular open source projects
difference between .net and .net core
asp net core and angular project
asp net core 8 and angular packt
asp net core angular project structure
asp net core web api and angular project
asp net core with angular project github
asp net core angular signalr
asp net core angular spa
angular and .net core api

[aleksandarpavlovic]

will there be full code published to github?

[borhenehidri]

Hi sir your videos are great but could you explain more details next time please or please make some courses for beginners in cs because some classes are a little bit difficult for me
Thank you again for your videos

[abdallahelshaer]

Thanks for this good tutorial :) Can you List Nuget Packages Installed In The App ?

[try]

Thanks a lot ❤
Where's angular part?

[divyanshurai]

Waiting for the Client side part Angular application hope we will get it soon..

[JiangFu]

Hi, Sir, thank you for your class 😀, my tool is vs2022, when AccountEndpoint [FromForm] , app.Run() get error :an action cannot use both form and json body parameters., how can I fix it, thank you