Currently, when user fill the signin or signup form.
We are validating them from backend and toastifying the error on the frontend. But toastifying error message for inpur field which is not required. We can display them as a error message below the violated input fields as we are displaying other errors.
Current Behavior
Case 1. :- Signup form
=> When a new user fill the signup form and filsl the username or email field with the already existing username or
email, we are toastifying error message such as "User with this email or username is already exists".
Extra thing :- (a) On Confirm Password field we are displaying error messages "Password must be contains at least one
uppercase and one lowercase and one digit and one special character" while we are displaying that in
password field already.
(b) Confirm Password shows after submitting the form that "confirmPassword does not match".
And when we try to refill the confirmPassword field it shows "Password must be at least 8 character" while it
should show "confirmPassword does not match".
Case 2. :- Signin form
=> When user fill signin form and fills the incorrect email/username or password, we toastify error message.
Proposed Enhancement
For Signup page : -
For Signin page : -
Use Case
It will simply provide better user experience. Because we are already displaying other error messages below violated input field so it will maintain the consistency.
Description
Currently, when user fill the signin or signup form. We are validating them from backend and toastifying the error on the frontend. But toastifying error message for inpur field which is not required. We can display them as a error message below the violated input fields as we are displaying other errors.
Current Behavior
Case 1. :- Signup form => When a new user fill the signup form and filsl the username or email field with the already existing username or email, we are toastifying error message such as "User with this email or username is already exists".
Extra thing :- (a) On Confirm Password field we are displaying error messages "Password must be contains at least one uppercase and one lowercase and one digit and one special character" while we are displaying that in password field already. (b) Confirm Password shows after submitting the form that "confirmPassword does not match". And when we try to refill the confirmPassword field it shows "Password must be at least 8 character" while it should show "confirmPassword does not match".
Case 2. :- Signin form => When user fill signin form and fills the incorrect email/username or password, we toastify error message.![Screenshot (110)](https://github.com/krishnaacharyaa/wanderlust/assets/114509045/15398aec-6f9a-4ef5-a234-27bc5a016f7a)
Proposed Enhancement
For Signup page : -
For Signin page : -
Use Case
It will simply provide better user experience. Because we are already displaying other error messages below violated input field so it will maintain the consistency.