Real time Notification System: WebSocket | Spring Boot | Angular

Опубликовано: 02 Ноябрь 2024
на канале: Bouali Ali
9,628
441

Buy me a coffee: https://ko-fi.com/boualiali
In this Spring boot Angular course you will learn how to build a complete and detailed real time notification system using websocket, spring boot and angular

🎟 Join this channel to get access to perks:
   / @boualiali  
Source code: https://github.com/ali-bouali/book-so...

Recommended Courses:
🎬 Spring Boot security & JWT token:    • Spring boot 3.0 - Secure your API wit...  
🎬 Spring Boot security & JWT token with Angular:    • JWT | Spring boot & Angular | User Lo...  
🎬 Spring security - Roles and permissions:    • Spring boot 3 & Spring security 6 - R...  
🎬 Spring Boot - Microservices architecture:    • Microservices tutorial with Spring bo...  
🎬 Spring Security - KeyCloak integration:    • Spring boot 3 Keycloak integration fo...  
🎬 DevOps - Docker for Beginners:    • Docker tutorial for beginners | [In 2...  
🎬 DevOps - AWS EC2 deployment:    • 🚀 Deploy Spring boot application to A...  
🎬 Angular - Full course from scratch:    • Angular Tutorial For Beginners | 3 Ho...  
🎬 Spring Boot - Swagger UI & OpenApi Decomentation :   • Spring boot 3 - OpenApi Documentation...  
🎬 Spring Boot - Reactive programming & WebFlux:   • Reactive Programming with Spring Boot...  
🎬 Spring Data JPA & Hibernate:    • Spring Data JPA - The Introduction co...  
🎬 Apache Kafka tutorial:    • Apache Kafka Tutorial with Spring Boo...  
🎬 Ultimate Spring boot tutorial:    • The ULTIMATE Spring Boot course | 8 H...  
🎬 Ultimate Spring Data JPA tutorial:    • The ULTIMATE Guide for Spring Data JP...  

CONNECT WITH ME:
👨‍💻. Website: https://aliboucoding.com
👨‍🏫 Facebook:   / 589612651142975  
📸 Instagram:   / alibou_coding  
🎮 GitHub: https://github.com/ali-bouali
🏘️ Discord:   / discord  

#springboot #fullstack #web #angular #keycloak #docker #book_social_network

Table of content:
00:00 Intro
05:20 Explore and install ngx-toastr
12:16 Enhance the UI and use ngx-toastr
23:08 Configure and implement the webSocket with Spring Boot
35:29 Implement the notification service
40:35 Update the book service and send the notifications
45:50 Add the webSocket dependencies to the angular project
47:26 Implement the WebSocket service in the frontend
01:02:24 Display the real time notifications
01:21:57 Outro