Two Factor Authentication & JWT | Spring boot + Angular | Full application

Опубликовано: 07 Октябрь 2024
на канале: Bouali Ali
26,187
689

Buy me a coffee: https://ko-fi.com/boualiali 🔥 Secure your spot now and embark on your journey to becoming a Spring Boot master!🔥
https://aliboucoding.com/p/spring-boo...
🎁 🚀 COUPON Code: EARLY_BIRD_30

Source code: https://github.com/ali-bouali/tfa-spr...

🎟 Join this channel to get access to perks:    / @boualiali  

Recommended Courses:
🎬 Spring Boot security & JWT token:    • Spring boot 3.0 - Secure your API wit...  
🎬 Spring security - Roles and permissions:    • Spring boot 3 & Spring security 6 - R...  
🎬 Spring Boot - Microservices architecture:    • Microservices tutorial with Spring bo...  
🎬 DevOps - Github Actions CI/CD:    • GitHub Actions CI/CD pipeline | Step ...  
🎬 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...  
🎬 Websocket - Chat application one to one:    • WebSocket Tutorial with Spring Boot |...  
🎬 Spring Security - Two Factors Authentication 2FA (TFA):    • Two Factor Authentication & JWT | Spr...  
🎬 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:    • Apache Kafka Tutorial with Spring Boo...  

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

Welcome to my channel! In this video, we're thrilled to showcase an innovative and secure application implemented using Spring Boot, Angular, JWT (JSON Web Tokens), Google Authenticator, and Two-Factor Authentication (2FA).

🚀 In this cutting-edge project, we've combined the power of Spring Boot and Angular to build a robust and user-friendly web application. Spring Boot provides a solid foundation for the backend, offering effortless configuration and seamless integration with various libraries.

🎨 On the frontend, Angular shines with its dynamic and responsive user interface, ensuring a smooth and engaging user experience. We'll take you through the steps of creating a sleek and modern interface that complements the application's backend functionalities.

🔒 Security is our top priority, and that's why we've implemented JWT for secure user authentication and authorization. JSON Web Tokens allow us to issue secure tokens to users upon login, eliminating the need to store sensitive data like passwords on the client or server-side.

💡 But we didn't stop there! We've gone the extra mile to ensure maximum protection with Google Authenticator and Two-Factor Authentication (2FA). With 2FA, users get an extra layer of security beyond passwords. We'll demonstrate how to enable Google Authenticator as the second factor, making your application virtually impenetrable against unauthorized access.

🔧 Throughout the video, we'll guide you step-by-step, explaining the code implementation, sharing best practices, and addressing potential challenges.

🎯 By the end of this tutorial, you'll have a comprehensive understanding of how to build an application with the perfect blend of performance, security, and user experience using Spring Boot, Angular, JWT, Google Authenticator, and 2FA.

#Angular #jwt #2fa #2factorauthentication #alibou #aliboucoding

Table of content
-----------------------------------------------
00:00 Introduction
02:11 What you need to better follow the course
04:24 What is 2FA?
08:53 2FA flow
11:01 Extend the user & Registration request
13:24 Update the registration process
16:00 Implement the 2FA Service
24:37 Adapt the registration method
28:28 2FA Login flow
29:39 Implement the login flow
31:17 Add the Verify code method
33:16 Implement the Verify code method
36:08 Create a new Angular project
37:16 Generate the components and create the routes
39:50 Create the registration form
42:40 Implement the authentication service
46:02 Implement the registration
55:57 Generate the code with Google authenticator
57:28 Implement the verification process
01:03:17 Test the full registration process
01:06:00 Implement and test the Login process
01:12:50 Add an Auth guard
01:17:21 Full application test
01:19:02 Outro