Back to Browse

[SOLVED] Forgot Password Workflow: Angular Frontend & ASP.NET Core Backend

2.1K views
Premiered Mar 16, 2024
25:14

This video is part 12 of a series on implementing JWT Authentication in an Angular 18 application with a .NET 8 backend. In this part, we'll likely focus on: Continuing development of the forgot password functionality. This may involve integrating with your backend API to handle forgot password requests. We'll potentially cover sending password reset emails or other mechanisms for user password recovery. JWT Authentication is a popular method for securing APIs and web applications. We'll explore how to integrate JWT into our Angular 17 frontend and .NET 8 backend to ensure secure communication between the client and server. Additionally, we'll demonstrate the implementation of a Forgot Password feature, allowing users to reset their passwords securely. This feature enhances user experience and security by providing a streamlined process for password recovery. Buy Me Coffee: https://ko-fi.com/codewithpushpa Join us in this tutorial as we combine Angular's powerful frontend capabilities with .NET's robust backend functionalities to create a secure and efficient authentication system. Stay tuned for more insightful tutorials in this series, and don't forget to like, share, and subscribe for future updates! Let's continue building amazing applications together. 🔒✨ #angular18 #jwt #dotnet8 #forgotpassword #Angular #DotNET #JWTAuthentication #ForgotPassword #Tutorial #webdevelopment Outline 0:00 Introduction 0:10 Mailtrap Account Setup 0:36 Create Mailtrap Email Template For Reset Password 0:55 Send Demo Email Using Mailtrap 1:35 Create Forgot Password DTO 2:06 Implement Forget Password In Account Controller 3:15 Generate Password Reset Token 3:40 Generate Password Reset Link Using Password Reset Token and Encode Url using WebUtility 5:10 Install RestSharp Nuget Package Using Nuget Gallery 5:30 Send Password Reset Link to Email using c# 9:55 Test Forgot Password using swagger ui 12:25 Generate Forgot Password Component using angular 17 cli 12:43 Generate Reset Password Component using angular 17 cli 13:00 Add password reset and forget password route in app.route.ts 13:30 Add Forget Password link in login component 14:25 Implement forget password in angular 17 23:58 Test Forget Password in using angular 17 client asp.net web api jwt authentication example .net web api jwt authentication jwt token .net core web api jwt authentication in asp.net core 6 web api asp.net core web api authentication and authorization with jwt how to create jwt token in asp.net core web api asp.net core web api jwt token authentication asp.net core web api jwt logout jwt token based authentication in asp.net web api asp.net core web api + entity framework core jwt authentication asp.net web api generate jwt token jwt token authentication web api net core 6 github how to use jwt token in asp.net core web api how to validate jwt token in asp.net core web api how to add jwt authentication to asp.net core web api how to implement jwt token in .net core web api how to implement jwt token in asp.net core web api asp.net core identity web api jwt jwt token in asp.net core 6 web api jwt authentication in .net core web api jwt token in .net core web api asp.net core web api identity with jwt jwt authentication in .net 6 web api what is jwt token in web api asp.net jwt authentication example jwt .net core web api c# web api jwt authentication jwt token in web api .net core .net web api identity jwt token angular login page angular 18 authentication full course secure .net core web api with jwt .net web api jwt token asp.net web api validate jwt token asp.net core web api jwt tutorial asp.net core 3.1 web api jwt token authentication jwt token .net 6 web api jwt token in asp.net web api jwt token authentication using the .net core 6 web api implement jwt token in asp.net core web api asp.net core web api authentication using jwt use jwt in asp.net core web api .net core web api with jwt token asp.net web api with jwt authentication jwt authentication with asp.net core web api angular how jwt token works in web api .net core jwt token web api c# angular jwt authentication angular jwt interceptor angular jwt authentication github angular jwt token decode angular jwt validate token asp.net core angular jwt authentication angular jwt authentication with web api angular jwt authentication example angular 9 jwt authentication example angular jwt bearer angular jwt role based authentication angular authentication jwt best practices angular 8 jwt authentication example best way to store jwt token in angular best practices for jwt authentication in angular apps how to send jwt token from angular to backend jwt token based authentication in angular angular jwt create token angular check jwt token jwt token angular .net core how to check jwt token expiry in angular angular jwt interceptor example angular jwt authentication example jwt decode angular example angular jwt get user from token angular get data from jwt token angular get roles from jwt

Download

0 formats

No download links available.

[SOLVED] Forgot Password Workflow: Angular Frontend & ASP.NET Core Backend | NatokHD