[Feature] Handling Validation + Error For Sign In : Both Email & Google Sign In

[HeriYantodotDev]

Feature Description

Implement error message display for feedback to the client.

Use Case

As a user, I want to receive feedback on any errors or invalid input in the application. This will help me understand what went wrong and take appropriate action to resolve the issue.

Proposed Solution

Introduce error message display functionality that highlights specific errors in the user interface. For each item, such as email, that requires validation, display a red-colored error message below the respective input field if the input is in the wrong format or empty.

Additionally, for the Google Sign-In feature, display an error message above the button indicating "Wrong Credentials" if the user's sign-in attempt fails due to incorrect credentials.

The error messages should provide clear and concise information about the error, enabling the user to quickly identify and address the problem.

The idea is to use yup library to handle this validation. It's the same like the sign up.

Alternatives Considered

Toast notifications: Another option is to show error messages as toast notifications, which appear temporarily at the top or bottom of the screen. This approach may provide a less intrusive way of displaying errors, but it may not be as visually prominent as the requested red-colored messages.

[HeriYantodotDev]

Idea:

• Display Toast : Wrong Credential
• Red label before the sign in shows that it's error.

Additional:

• For Google Sign In. So far it's creating Auth . It shouldn't. It should only sign in the existing User.

[HeriYantodotDev]

List of Error:

• Validation Error
• Wrong Credential
• User Not Found