asbhogal / password-strength-checker

An online tool which checks the strength of the password entered and advises the user to create a 'strong' one if it is considered 'weak' or 'medium'. This leverages JavaScript regex, and is built using HTML5 and CSS3 (SCSS.)

Password Strength Checker

An online tool which checks the strength of the password entered and advises the user to create a 'strong' one if it is considered 'weak' or 'medium'. This leverages JavaScript regex, and is built using vanilla HTML5 and CSS3 (SCSS.)

✔️ Features

• UI-friendly interface which uses dynamic strength meter to signify current password strength
• An option to show/hide password entered
• Checks if at least 8 lowercase, uppercase, numbers and/or special characters have been entered
• Checks if there are any repeat characters
• Modern, stylish theme
• Full responsiveness
• Optimised for the web

🤓 Stacks Used

🔗 Links

• Password Strength Checker

password-strength-checker's Issues

Variable-Script-Integration / 01

SCSS-created variable for the password strength exported to script (type 'module') meets a CORS restriction in browser console. Site headers (serverless - Vercel) will not be modified for obvious security reasons so alternatives will be sought - likely re-direction to dist/compiled CSS or an omission of SCSS preprocessing to vanilla CSS3 w/ a new variable subsequently created (which doesn't require prior declaration.)

Variable-Script-Integration / 02

Webpack with SASS-Loader will be used to allow JavaScript to access and alter SCSS variable contents. This issue will be updated.