Uploaded July 2020 | Updated September 2026, 1 week ago

---

Multi-Factor Authentication (or MFA/2FA) adds an extra layer of security to your application. TOTP methods such as the Google Authenticator app is one of the more secure ways to implement this feature.

In this video I go over how to add MFA to a React.JS application using AWS Cognito.

⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯

🖥️ Source code:
github.com/AlexzanderFlores/Worn-Off-Keys-Cognito-Tutorials

📜 Header to copy/paste into API Gateway:
Access-Control-Allow-Origin

🙋‍♂️ Need help? Ask in our Discord community:
wornoffkeys.com/discord

💡 Have an idea for a video or course? Request it here:
wornoffkeys.com/content-request

⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯

🕐 Timestamps:
00:00 Introduction
00:35 Creating our React component
03:54 Creating our get-qr-code Lambda function
09:16 Uploading our get-qr-code Lambda function
14:48 Calling our get-qr-code Lambda function
17:48 Enabling TOTP MFA on Cognito
18:17 Working on our React component
20:44 Creating our validate-mfa Lambda function
22:48 Uploading our validate-mfa Lambda function
25:57 Calling our validate-mfa Lambda function
31:45 Fetch MFA status in useEffect
34:11 Disable MFA JSX
34:51 Creating our disable-mfa Lambda function
37:36 Uploading our disable-mfa Lambda function
40:06 Calling our disable-mfa Lambda function
44:09 Require MFA token on login
46:13 Outro

#aws #amazonwebservices #nodejs #wornoffkeys

FTC Legal Disclaimer - Some links found in my video descriptions might be affiliate links, meaning I will make commission on sales you make through my link. This is at no extra cost to you and it helps support the channel so I can make more free YouTube videos.