[FEATURE] Real-time validation in login and signup forms

[AlfiyaSiddique]

Description

There is no validation in the login and signup form in the frontend I can submit any kind of invalid data as shown below:

I want to implement real-time validation in the signup-login form to prevent sending invalid data to the backend. Folowing constraints can be added for prevention from invalid data: Email: Valid regex Password: Minimum 8 character at least 1 uppercase, 1 lowercase, 1 symbol and 1 digit.

Screenshots

I want to implement functionality similar to below sample video:

https://github.com/agamjotsingh18/pollitup/assets/86224794/b3d8c27f-da3b-4b82-9ea2-e4db3c710923

Additional information

No response

Checklist

• [X] I agree to follow this project's Code of Conduct
• [X] I have checked the existing issues
• [X] I'm a GSSoC'23 contributor
• [X] I want to work on this issue

[github-actions[bot]]

Hello AlfiyaSiddique, thanks for opening an issue, your contribution is valuable to us. The maintainers will review this issue and provide feedback as soon as possible.