Login Screen Technical Overview
Overview
The Login screen provides users with a secure and straightforward authentication method for accessing the Smarta platform. It features a modern, responsive layout and supports both light and dark themes.
Key Functionalities
Email/Password Authentication
- Credential Entry:
- Users enter their email address and password into dedicated input fields.
- Password input includes a toggle to show or hide the password for improved usability and security.
- Validation:
- The system checks that both fields are filled and that the email address is in a valid format.
- Passwords are validated for a minimum length requirement (typically 6 characters).
- Secure Submission:
- Credentials are sent securely to the backend authentication endpoint (
https://smarta.ganarprojects.co.za/api/login). - On successful authentication, a token is stored securely on the device for future sessions.
- Credentials are sent securely to the backend authentication endpoint (
- User Feedback:
- Validation errors and authentication failures are clearly communicated to the user via alerts or inline messages.
- Upon successful login, users are redirected to the main interface of the app.
- Logout:
- Users can log out, which clears stored authentication data and returns them to the login screen.
Screenshots
