Implement Sign Up Screen

[xkaper001]

Description

Implement the registration/sign up screen for new doctor accounts.

Design Reference

Figma Frame: Sign up (576:2987, 576:2972)

Requirements

• Full name input field
• Email input field with validation
• Password input field with strength indicator
• Confirm password input field
• Terms & Conditions checkbox with clickable text
• Privacy Policy acceptance
• "Sign up" button
• Keyboard handling (dismiss on scroll/tap outside)
• Form validation:
  • Valid email format
  • Strong password requirements (min 8 chars, uppercase, number, special char)
  • Passwords match
  • Terms acceptance required
• Navigate to confirmation code screen after signup

API Integration

• User registration endpoint
• Handle duplicate email errors
• Loading states during registration
• Send OTP for email verification

Technical Notes

• Create in docpilot_doctor/lib/features/auth/presentation/pages/
• Implement password strength validator with visual indicator
• Add proper keyboard dismissal
• Show/hide password toggle

Dependencies

• Requires: Create Form Input Components #16, Create Button and Navigation Components #17 (UI components - forms and buttons)

Files to Create/Modify

• lib/features/auth/presentation/pages/sign_up_page.dart
• lib/features/auth/presentation/widgets/sign_up_form.dart
• lib/features/auth/presentation/widgets/password_strength_indicator.dart
• lib/core/validators/password_validator.dart

Priority

High

Acceptance Criteria

• All validation rules enforced
• Password strength shown visually
• Terms must be accepted to proceed
• UI matches Figma design with keyboard

[github-actions]

👋 Thanks for opening this issue and contributing!

Our reviewers will check it soon 🚀

📘 If you’d like to know more about contributing, please read our CONTRIBUTING.md.

[karan2527]

i want to work on this issue , can u please assign this issue to me !

[xkaper001]

Hey @karan2527, Issue #17 is a requirement for this issue. I'll be merging that tonight, after that you can start working on this. I'm assigning this to you. Also please keep in mind to only add/change necessary files.

[xkaper001]

@karan2527 Figma Frame reference. https://www.figma.com/design/pD32RZaskUitWMr7nv8nfy/DocPilot?node-id=520-1310

[karan2527]

Did you merge #17 , such that i will start working

[xkaper001]

Go Ahead @karan2527

[karan2527]

As in UI it's not mention about signup button and scrollview for this screen, such that i created this vertical scrollview as given in attached images

[karan2527]

as it mentioned Password strength shown visually ....

check onces....

@xkaper001

[xkaper001]

hey @karan2527 please use the default filledbutton for the signup button. please see the figma design for reference.