How I Built A Password Strength Checker in React.js | JavaScript Interview Question

preview_player
Показать описание
In this video, we are going to build a simple password strength checker in React. Using this tool, we can check the strength of the entered password based on the length and types of characters present in the password. This is a good machine coding question. We are going to look at different aspects like how to compute password strength logic, useState & useEffect usage, styling, and how to approach such problem statements.

00:00 Password Strength Checker Demo
00:23 Introduction & Problem Statement
03:37 Setting up basic HTML markup
05:30 Adding Styles
06:27 Adding state management and handlers
09:49 Computing Password Strength
21:31 Computing Progress Bar Styles
24:43 Outro

You can support our channel via:

Question from:

**************************************************************
Devtools Tech is a YouTube channel that was started as a collaborative effort among like-minded engineers to provide high-quality programming tutorials for free. We firmly believe in knowledge sharing and easy access to quality content for everyone. Hence, this channel is an effort to give back to the community and a step toward our belief -- "We rise by lifting others".

Team Members:
Yomesh Gupta

#javascript #passwordchecker #reactjs #interview **************************************************************
Рекомендации по теме
Комментарии
Автор

Thank you please keep uploading videos like this love to watch and lots of learning man

saketabhishek
Автор

Nice Video,
Only suggestion is you could have used Progress element.

<progress id="file" value="32" max="100"> 32% </progress>

ankitbaid
Автор

Great video as always. Thanks Yomesh for this content 😊

burhanrashid
Автор

Brilliant! thanks for helping with my issue!

Midnight-Kiss
Автор

Great video. Could we have used debouncing here for the input instead of useEffect for calculating the strength?

AbhishekVerma-ztnu
welcome to shbcf.ru