Mobile App - Customer - Signup Page 005

[ItOntrend]

Create a page where new users can register by providing their details.

Tasks:

• Design the UI layout for the Sign Up page.
• Display a header with "Register" and a sub-header "Just a few things to get started."
• Include input fields for:

  First Name (mandatory with asterisk) Last Name Email (mandatory with asterisk) Nationality (dropdown menu with options) Contact Number (default Oman's country code +968, limit to 8 digits) Password (mandatory with asterisk)

• Place labels adjacent to each input field to display the respective field name when focused.
• Implement validation for mandatory fields (First Name, Email, Password) to ensure they are not empty.
• Validate email format and ensure uniqueness (if required).
• Implement dropdown functionality for Nationality selection.
• Format Contact Number input to include Oman's country code and restrict to 8 digits.
• Implement secure password handling (e.g., minimum length, strength requirements).
• Handle creation of user account on backend services or APIs.
• Implement click event handling for the "Create Account" button to initiate user registration.
• Validate all input fields before allowing registration submission.
• Provide visual feedback (loading indicator) during account creation process.
• Implement navigation logic to allow users to return to previous pages (e.g., Welcome page).
• Provide visual feedback (success/error messages) based on registration status.
• Ensure the UI components update dynamically based on user actions (e.g., disabling inputs after account creation).