Skip to content

Add Password Strength Indicator and Password Guidelines on Signup Page#1423

Open
Diya-od wants to merge 1 commit into
aryandas2911:mainfrom
Diya-od:main
Open

Add Password Strength Indicator and Password Guidelines on Signup Page#1423
Diya-od wants to merge 1 commit into
aryandas2911:mainfrom
Diya-od:main

Conversation

@Diya-od

@Diya-od Diya-od commented Jun 2, 2026

Copy link
Copy Markdown

📌 Description

This PR improves the signup experience by providing real-time password strength feedback and clear password creation guidelines.

🔗 Related Issue

Closes #1329

🛠 Changes Made

Added a dynamic password strength indicator that updates as users type.
Categorized password strength into:
Weak
Medium
Strong

Added a helper message below the password field explaining the password requirements.
Used color-coded feedback to improve visibility and usability:
Red → Weak
Yellow → Medium
Green → Strong

Password Requirements Displayed
Minimum 8 characters
At least 1 uppercase letter
At least 1 lowercase letter
At least 1 number
At least 1 special character

📸 Screenshots (if applicable)

After
Screenshot (1444)


Before
Screenshot (1440)
Screenshot (1441)
Screenshot (1442)
Screenshot (1443)

✅ Checklist

  • Code runs locally
  • Followed project structure
  • No console errors
  • Properly tested changes
  • Linked the issue

🚀 Notes for Reviewers

Kindly review the real-time password strength feedback, helper text placement, and overall user experience on the Signup page.

@Diya-od

Diya-od commented Jun 8, 2026

Copy link
Copy Markdown
Author

Hi @aryandas2911 ,

Just a gentle follow-up on this PR. Whenever you have time, could you please take a look and review it?

Thank you!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

No Guidance for Creating a Strong Password During Registration

1 participant