Whatsapp Clone: Spring Boot, Angular, Keycloak & Websocket

Learn Spring boot, Angular 19, Keylcoak, WebSockets, Bootstrap in one course

What you'll learn

Develop a Secure Backend with Spring Boot

Create a Dynamic Frontend with Angular 19

Implement Real-Time Messaging

Configure Authentication with Keycloak

Design a Responsive UI with Bootstrap

Deploy and Maintain a Full-Stack Application

Requirements

Basic knowledge about Spring and Java

Description

Unlock the skills to build a fully functional WhatsApp clone application in this comprehensive course! Designed for developers eager to learn full-stack development, this course takes you step-by-step through creating a real-time messaging app from scratch.Using Spring Boot, Angular 19, Keycloak, WebSockets, and Bootstrap, you'll learn how to integrate modern technologies to create a seamless, secure, and responsive user experience. Whether you're a backend or frontend developer, this course covers everything you need to build and design a robust application.What You'll Learn:Backend Development with Spring Boot: Set up a powerful server-side application with APIs and database integration.Frontend Development with Angular 19: Create an interactive and user-friendly interface with reusable components and advanced features.Real-Time Messaging: Implement WebSockets for instant communication between users.Secure Authentication: Configure Keycloak to handle user authentication and authorization for seamless single sign-on (SSO).Responsive Design: Use Bootstrap to design a mobile-friendly and aesthetically pleasing UI.Step-by-Step Guidance: Follow a clear roadmap from setting up your development environment to deploying the final product.Best Practices: Learn industry-standard practices for structuring, coding, and debugging a full-stack application.Who Is This Course For?Aspiring developers looking to build their portfolio with a full-stack project.Backend developers wanting to explore frontend technologies.Frontend developers seeking to deepen their knowledge of backend development.Software engineers interested in mastering WebSockets, Keycloak, and secure authentication.Anyone excited to learn by building a real-world application!By the end of this course, you’ll have a fully functional WhatsApp clone app and the knowledge to create similar real-time, secure, and scalable applications.Join us and start building your future as a full-stack developer today!

Overview

Section 1: Introduction

Lecture 1 Application Demo

Section 2: Backend (Spring boot, Keycloak, WebSocket)

Lecture 2 Entity Relationship Diagram (ERD)

Lecture 3 Setting up the infrastructure

Lecture 4 Create the Spring project

Lecture 5 Keycloak initial configuration

Lecture 6 Configure the project

Lecture 7 Security configuration

Lecture 8 Create the entities and the relationships

Lecture 9 Create the named queries

Lecture 10 Synchronize the users with Keycloak

Lecture 11 Implement the Chat domain

Lecture 12 Implement the message domain

Lecture 13 Implement the file service

Lecture 14 Implement the user domain

Lecture 15 Implement the WebSocket configuration

Lecture 16 Implement the notifications service

Lecture 17 Add OpenApi support

Lecture 18 Start & test the backend

Section 3: Frontend (Angular 19, Bootstrap, Keyclaok, WebSocket)

Lecture 19 Create and configure the frontend project

Lecture 20 Keycloak configuration

Lecture 21 Add the http interceptor and test the flow

Lecture 22 Implementing the main interface

Lecture 23 Implement the chat list UI

Lecture 24 Implement the messages list

Lecture 25 Implement sending messages with emojis

Lecture 26 Implement the WebSocket

Lecture 27 Attach media files

Lecture 28 Implement auto scroll

Developers looking to build a full-stack application from scratch.,Backend developers eager to learn modern frontend technologies like Angular.,Frontend developers interested in mastering backend development with Spring Boot.,Software engineers exploring real-time communication using WebSockets.,Professionals wanting to implement secure authentication using Keycloak.,Aspiring developers seeking hands-on experience with a real-world project.