pranjay-poddar / Dev-Geeks

open source project
https://devgeeks-os.netlify.app/repository_web_page/
MIT License
605 stars 822 forks source link

UI design extension to Password Strength checkers #5056

Open Shreyas-SAS opened 1 year ago

Shreyas-SAS commented 1 year ago

Describe the project you want to add with tech stack I wish to add a design based project for Password window UI in mind. It would operate such that at the start of the prompt the background would be blurred and as we type in the password, the blur decreases the stronger the password becomes, It is a modified version or an extension of password strength checker with applied knowledge in the CSS properties. The tech stack will be kept simple and limited to HTML, CSS and Javascript making it easier for people starting in web dev to create such mini projects.

Expected behavior Expected behaviour is that the bluriness of the background image goes away as we write stronger passwords. It can be indicated with rise in clarity on use of symbols and numbers and with increase in length of password.

Screenshots (optional) before password: GSSOC1

after password: image

Additional context (optional ) N/A

welcome[bot] commented 1 year ago

Thanks for opening your first issue here! Be sure to follow the issue template and also star the repository so that you don't miss out with it!

Shreyas-SAS commented 1 year ago

@MohitGupta121 @TusharKesarwani can you please check if this project is good enough for contribution. It is an extension of password strength validation so I believe that it would be good learning experience for new students of web who just made the project on password strength calculation. Would like to hear you thoughts on this.

Shreyas-SAS commented 1 year ago

@MohitGupta121 can I please request a review? Really sorry for repitition.