Build a WhatsApp Clone With Spring Boot, Angular 19, Keycloak & WebSockets
Join this channel to get access to the bootcamp:
/ @boualiali
Buy me a coffee: https://ko-fi.com/boualiali
Build a WhatsApp Clone: Full-Stack Tutorial (Spring Boot & Angular 19)
Learn how to build a real-time WhatsApp clone app from scratch! In this step-by-step tutorial, we’ll use Spring Boot, Angular 19, Keycloak, WebSockets, and Bootstrap to create a secure, responsive, and fully functional messaging app.
Perfect for developers of all levels, this project will enhance your full-stack development skills. Watch now and start building your portfolio!
#SpringBoot #Angular19 #WebSockets #Keycloak #FullStack
Source code: https://github.com/ali-bouali/whatsap...
CONNECT WITH ME:
👨💻. Website: https://aliboucoding.com
👨🏫 Facebook: / 589612651142975
📸 Instagram: / alibou_coding
🎮 GitHub: https://github.com/ali-bouali
🏘️ Discord: / discord
Recommended Courses:
🎬 Spring Boot security & JWT token: • Spring boot 3.0 - Secure your API with JWT...
🎬 Spring Boot security & JWT token with Angular: • JWT | Spring boot & Angular | User Login &...
🎬 Spring security - Roles and permissions: • Spring boot 3 & Spring security 6 - Roles ...
🎬 Spring Boot - Microservices architecture: • Microservices tutorial with Spring boot 3 ...
🎬 Spring Security - KeyCloak integration: • Spring boot 3 Keycloak integration for beg...
🎬 DevOps - Docker for Beginners: • Docker tutorial for beginners | [In 2 Hours]
🎬 DevOps - AWS EC2 deployment: • 🚀 Deploy Spring boot application to AWS Cl...
🎬 Angular - Full course from scratch: • Angular Tutorial For Beginners | 3 Hours C...
🎬 Spring Boot - Swagger UI & OpenApi Decomentation : • Spring boot 3 - OpenApi Documentation | Sw...
🎬 Spring Boot - Reactive programming & WebFlux: • Reactive Programming with Spring Boot | A ...
🎬 Spring Data JPA & Hibernate: • Spring Data JPA - The Introduction course
🎬 Apache Kafka tutorial: • Apache Kafka Tutorial with Spring Boot Rea...
🎬 Ultimate Spring boot tutorial: • The ULTIMATE Spring Boot course | 8 HOURS ...
🎬 Ultimate Spring Data JPA tutorial: • The ULTIMATE Guide for Spring Data JPA & H...
00:00 Intro
06:53 Entity Relationship Diagram (ERD)
10:47 Infrastructure setup
17:18 Create the spring boot project
20:37 Keycloak configuration
23:27 Project configuration
29:45 Security configuration
47:28 Creating the entities and the relationships
01:11:38 Create the named queries
01:23:35 Sychronize the users with keycloak
01:38:50 Implement the chat domain
01:55:38 Implement the message domain
02:22:25 Implement the file service
02:34:22 Implement the user domain
02:40:32 Websocket configuration
02:46:28 Implement the notification service
02:56:17 Add the OpenApi
03:02:07 Test the backend
03:09:38 Create and configure the frontend project
03:18:49 Keycloak configuration
03:29:21 Add and configure the Http Interceptor
03:36:16 Implement the main interface
03:51:16 Implement the chat list component
04:23:49 Implement the messages list UI
04:57:59 Implement sending messages with emojis
05:23:58 Implement the websocket
06:04:23 Implement the media upload
06:10:38 Add auto scroll
06:12:45 Full application demo
06:17:25 Outro