Skip to content

Conversation

@SrinjoyeeDey
Copy link

πŸš€ Summary:

This PR Fixes #61 the password validation in the Signup page by:

βœ… Displaying specific password validation errors (length, uppercase, lowercase) only when the user clicks SIGN-UP.

❌ Preventing signup if any validation fails.

πŸ“ Showing field errors (name, email, avatar) alongside password errors for better UX.

πŸ›  Changes Made:

Password Validation Refactor

Each failing password rule now generates a specific error message.

Example: Password must contain at least one uppercase letter.

Validation Trigger

Errors are shown only on SIGN-UP click, keeping UI clean.

Prevents form submission until all rules are satisfied.

Error Display

Field and password errors are displayed individually in red, improving clarity.

Removed old checklist with green/red ticks.

Code Clean-Up

Simplified error state handling with errors object.

Removed unnecessary showErrors state for cleaner logic.

🎨 UI/UX Improvements:

Users now see exactly which password rule failed.

Errors appear after clicking SIGN-UP, avoiding confusion.

Form submission is blocked until all validations pass.

πŸ“Έ Screenshots / GIFs:

image

⚑ How to Test:

Navigate to /signup.

Try submitting an empty form β†’ field errors should appear.

Enter password failing each rule β†’ see specific password error messages.

Fill all fields correctly β†’ signup should succeed and redirect to /landing.

Try Google signup β†’ avatar selection required; error appears if missing.

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.

Enforce Stronger Passwords for User Accounts

1 participant