UI/UX: Add Clear Frontend Password Validation Feedback in Signup Flow

[Ushnika09]

Problem

During signup, users are not given clear frontend guidance about the minimum password requirements before submitting the form.

Currently, the backend validates that passwords must contain at least 6 characters, but the UI does not proactively communicate this requirement to the user. As a result, users may experience failed submissions without immediately understanding the issue.

Suggested Improvement

Add inline frontend validation or helper text for the password field in the signup flow.

Possible improvements:

• Show a validation message when password length is below 6 characters
• Add helper text such as: "Password must be at least 6 characters"
• Optionally disable form submission until the requirement is satisfied

This would improve overall UX and reduce confusion during registration.

If this improvement aligns with the project direction, I’d love to work on it under GSSoC'26 🚀

[kunalverma2512]

@Ushnika09 this definitely aligns with the project direction and would improve the signup UX significantly

You can work on this issue.

While implementing, please make sure the validation feels clean and user-friendly instead of intrusive. A few things to keep in mind:

• Show real time or inline validation feedback for passwords below 6 characters
• make sure when some validation is shown on UI then no UI distortion or disturbance comes like shifting of UI downward or any...
• Keep the UI consistent with the existing design system
• Avoid unnecessary re-renders or overly complex validation logic
• Ensure the submit flow and error states still work properly with backend validation

If possible, also check responsiveness and accessibility for the form states.

Please join the project Telegram community/groups for smoother communication and updates during contribution. Also don’t forget to star the repository ⭐

Looking forward to seeing a polished implementation from your side ✨