WebSocket Tutorial with Spring Boot | Build One On One Chat Application

preview_player
Показать описание

🔥 Secure your spot now and embark on your journey to becoming a Spring Boot master! Use promo code "EARLY_BIRD_30" during registration to enjoy this incredible 30% discount. Don't miss out on this opportunity! 🔥
🎁 🚀 COUPON Code: EARLY_BIRD_30

Recommended Courses:

CONNECT WITH ME:

👨‍💻 In this concise tutorial, we'll build a one-on-one chat application, leveraging the seamless integration of WebSockets with Spring Boot, enhancing the user experience with dynamic JavaScript interactions, and ensuring data longevity through MongoDB storage.

🔗 Ready to boost your skills in WebSockets, Spring Boot, JavaScript, and MongoDB? Watch now and dive into the world of efficient, secure, and dynamic web applications! Don't forget to hit subscribe for weekly tech insights and coding adventures. 🎯🔔

#WebSockets #SpringBoot #JavaScript #MongoDB #CodingTutorial #TechExploration #WebDevelopment #SubscribeNow

Table of Content:
00:00 Introduction
02:00 Old application architecture
03:23 How One to One WebSocket communication looks like
05:07 Chat WebSocket Overview
09:24 Database diagran
10:43 Create a new Spring boot project
12:14 Create the docker compose file
17:14 Configure the database connection
19:02 Add WebSocket configuration
26:33 Create the user document
28:14 Create the user service
32:31 Implement the user controller
37:25 Create ChatRoom document
38:40 Implement ChatRoom service
45:32 Create ChatMessage document
47:21 Implement the ChatMessage service
52:54 Implement the Chat Controller
01:03:21 UI Overview
01:08:50 Connect the user and subscribe to notifications
01:22:08 Find and display connected users
01:28:39 Display the user element
01:33:37 Test the changes
01:37:02 Add event listener to the selected user
01:42:30 Display user message
01:47:30 Send a message
01:50:49 Implement receive message method
01:57:48 Test the changes
02:00:00 Implement the logout
02:03:49 Test the application
02:08:10 Outro
Рекомендации по теме
Комментарии
Автор

🔥 Secure your spot now and embark on your journey to becoming a Spring Boot master! Use promo code "EARLY_BIRD_30" during registration to enjoy this incredible 30% discount. Don't miss out on this opportunity! 🔥

BoualiAli
Автор

Hi Ali! I want to thank you for this content!!! It brings up a lot of insight and cool tips that are helping me, all the little details like breaking lines or getting back and forth between the modules explained really sets your content appart.Keep up the good work!!

I'll be happily waiting for the angular or react implementation, mainly because of the curiosity of your code design approach!!

LUITEN
Автор

Thank you so much I have been waiting for this for so long

jeveuxque
Автор

I'd love to follow the Angular tutorial for this! Thank you! Also, next time, can you explain a little more about stomp, broker and stuff... I a newbie to WS and I don't really understand that

lilinh
Автор

Thank you Ali for always sharing an interesting content <3 <3
I will keep waiting for the Angular part :)

mohamedosmanhassona
Автор

Thank you very much, I've always wanted to create websockets in some of my applications without success. I'm really happy to have seen this video and I'm learning a lot by following your courses. I'm interested in an Angular websocket implementation. 😇

danielgobina
Автор

Great video! We are eagerly anticipating the Angular implementation.

cheikhmohamedmamyzeine
Автор

Thanks for your awesome work! Your videos actually helped me to solve a coding challenge and get a job offer!

balticspirit
Автор

thank you for this special tutorial and we wait for angular or react frontend implementation

xgivloi
Автор

Thank you very much for the clear explanation !! I'm looking forward for the Angular Implementation (meanwhile I'll make an attempt on my own after learning Angular from your tutorials )

oussemaayari
Автор

Thank you Bouali!I learn a lot from your video! I am just curious that if there is group chat video later, so that I can create multiple groups and keep the message in their own group channel, I will explore by myself first, but really looking forward to seeing your next video! Really appreciate your working!

Mark-henr
Автор

Exactly what I am building right. Just on time 😀

dennis_benjamin
Автор

We are anticipating a similar example using angular

redwanemahjoubi
Автор

Great video! I am eagerly waiting for the frontend with Angular!

MrBluu-pumt
Автор

Thank you very much @Bouali Ali do the frontend with Angular plz🥺

goddenmass
Автор

thanks for this video. Timing of this video is perfect.

_nimit
Автор

Its one of the best video and highly appreciated the efforts you put .can you make a full stack real world application type following react with springboot using all industry best practices with advanced Libraries?

rohanreddy
Автор

Hi friend, thank you very much for share your knowledge with us!
I have a question here. When you say you organize the app by domain, does it mean that you are applying DDD?

JuanR.Guerra
Автор

great content! i wanna see in action for angular!

legendnic
Автор

Thanks for this tutorial! Would be great to see the frontend written on Angular

vadimmychkov