Skip to content

Registration Screen Technical Overview

The Registration Screen serves as the entry point for new users to create an account on the Smarta platform. It is designed with a modern, responsive layout featuring a parallax scrolling header and theming support for both light and dark modes.

Key Functionalities

User Data Collection

  • Personal Details: The screen collects the user's full name and email address.
  • Company Registration:
    • Users can choose to register as a company by toggling the company option.
    • When enabled, an additional field for the company name is presented.
    • If the company option is disabled, the user's name is automatically used as the company name.
  • Password Entry:
    • Two fields are provided to capture and confirm the user's password.
    • Each password field includes a toggle feature to reveal or hide the password, enhancing usability while maintaining security.

Input Validation & Security

  • Field Validation:
    • Mandatory fields are validated to ensure they are not left empty.
    • The email address is validated against a standard email format.
    • Passwords are checked for a minimum length requirement (6 characters) and to ensure that both entries match.
  • User Feedback:
    • Validation errors are communicated through prompt alerts, ensuring that users are immediately aware of any issues with their input.
    • Upon successful submission, a confirmation message is displayed; otherwise, an error message informs the user of any issues during the registration process.

Data Submission Process

  • Secure Data Transmission:
    • User information is compiled into a structured JSON payload and sent via a secure POST request to the registration endpoint.
    • The endpoint in use is: https://smarta.ganarprojects.co.za/api/register.
  • Response Handling:
    • The screen processes the response from the server, displaying a success message if the registration is accepted.
    • In cases where the server returns an error, the user is informed via a clear message detailing the nature of the problem.

Screenshots

  • Register Screen

    If no company name is provided, the user's name is automatically used as the company name.

    Register Screen

  • Register Screen Company Toggled

    User can add a company name by toggling the company option which will reveal an additional field for the company name.

    Register Screen Company Toggled