Skip to content

feat(auth): add password visibility toggle and strength indicator on …#95

Open
jamunatg2006-sys wants to merge 7 commits into
Brijeshthummar02:masterfrom
jamunatg2006-sys:feat/password-visibility-strength-signup
Open

feat(auth): add password visibility toggle and strength indicator on …#95
jamunatg2006-sys wants to merge 7 commits into
Brijeshthummar02:masterfrom
jamunatg2006-sys:feat/password-visibility-strength-signup

Conversation

@jamunatg2006-sys

Copy link
Copy Markdown
Contributor

Summary

Closes #92

Adds password visibility toggle and a real-time strength indicator to the Sign Up form.

Changes

  • New reusable PasswordInput component at src/components/ui/PasswordInput.tsx
  • Eye/EyeOff toggle to show or hide password
  • 5-level strength bar: Too weak → Weak → Fair → Strong → Very strong
  • Strength scored on: length, mixed case, numbers, symbols
  • Hint text shown when password is too weak
  • Fully accessible: aria-label on toggle button, aria-live on strength label

…Sign Up

- Add reusable PasswordInput component with Eye/EyeOff toggle
- Add 5-level password strength bar (Too weak → Very strong)
- Strength scoring checks length, mixed case, digits, and symbols
- Accessibility: aria-label on toggle, aria-live on strength label

Closes Brijeshthummar02#92
- app.py: Kept upstream's env-var-based server config (FLASK_DEBUG, FLASK_HOST, FLASK_PORT) in both the success and failure branches of model loading
- style.css: Kept both HEAD's password strength indicator styles and upstream's U-Net architecture v3 (Attention ResUNet) styles
@Brijeshthummar02

Copy link
Copy Markdown
Owner

@jamunatg2006-sys fetch master branch latest code and then make changes - the page you created for signup looks ai generated not upto expectations. make it matching to our theme and clean.

image

…yles

- Revert .auth-modal-overlay, .auth-modal-content to original white-card theme
- Revert .auth-modal-close to original gray-100 style
- Revert .auth-modal-logo to original 70px circle (remove ::after pseudo-element)
- Revert .auth-modal-logo i to original (remove brainPulse animation)
- Revert .auth-modal-title to var(--galaxy) color (remove gradient text)
- Revert .auth-modal-subtitle to var(--gray-500)
- Revert .auth-input-group, labels, inputs to original gray/white styles
- Revert .password-toggle to var(--gray-400) style
- Revert .auth-submit-btn to original galaxy gradient (remove shimmer ::before)
- Revert .auth-switch and links to original var(--planetary)/var(--galaxy) colors
- Remove .auth-input-wrapper input:focus ~ i:first-child (spurious addition)
- Remove @Keyframes brainPulse (spurious addition)
- Keep all new strength indicator CSS classes (.password-strength-container, etc.)

Closes Brijeshthummar02#92
@jamunatg2006-sys

jamunatg2006-sys commented Jun 11, 2026

Copy link
Copy Markdown
Contributor Author

@Brijeshthummar02, kindly please check,

  • Merged upstream/master (latest updates + fixes)
  • Restored original auth modal CSS from upstream
  • Kept password strength feature styles
  • Pushed to origin/feat/password-visibility-strength-signup

@jamunatg2006-sys

jamunatg2006-sys commented Jun 11, 2026

Copy link
Copy Markdown
Contributor Author

UPDATED PROGRESS

Screenshot 2026-06-11 112515 Screenshot 2026-06-11 112751

@jamunatg2006-sys

Copy link
Copy Markdown
Contributor Author

@Brijeshthummar02 , Kindly review it please

@Brijeshthummar02

Copy link
Copy Markdown
Owner

@jamunatg2006-sys pull the code latest from master and review my comments i added and make changes.

@jamunatg2006-sys

Copy link
Copy Markdown
Contributor Author

@Brijeshthummar02 ,
I've pulled the latest changes from master, reviewed the comments, and made the requested updates. The changes have been pushed and are ready for review.

@jamunatg2006-sys

Copy link
Copy Markdown
Contributor Author

@Brijeshthummar02 ,I request you to merge this PR

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.

[Feature] Add password visibility toggle & strength indicator on Sign Up form

2 participants