Transitioning from Alert-Based to DOM-Based Error Messages for SignUpFailures

[barchakuz]

Description When attempting to log in on the website, an alert tab is displayed to show signUp failure messages instead of utilizing the Document Object Model (DOM) to dynamically create and display error messages below the signUp form. This not only reduces user interaction rate but also diminishes the user experience as it is less welcoming and requires extra effort for the user to close the alert tab before attempting to log in again with another ID.

To Reproduce Steps to reproduce the behavior:

• Navigate to the Sign Up page.
• Enter invalid credentials.
• Click on the signUp button.
• An alert tab appears displaying the signUp failure message.

Expected behavior Upon entering invalid credentials and clicking the signUp button, the website should dynamically create a paragraph element using the DOM to display the signUp failure message below the signUp form. This provides a more user-friendly experience where the error message is seamlessly integrated into the webpage, allowing users to easily identify the issue and attempt to log in again without the need to close an alert pop-up.

Screenshots

Desktop (please complete the following information):

• OS: Win 10
• Browser chrome
• Version 22

Smartphone (please complete the following information):

• Device: 14 Pro max
• OS: iOS
• Browser safari
• Version latest

Additional context This issue significantly impacts user experience and can be improved by implementing error message display using the DOM, allowing for easier styling and seamless integration within the webpage.