Improving User Experience During Login/Registration with Non-Intrusive Loading Indicators

[ajitkumarpal1]

Is your feature request related to a problem? Please describe.
Currently, when a user attempts to log in or register, the entire form disappears, and a circular loader is displayed in the center of the screen. This abrupt transition can be disorienting and frustrating for users. After the loader, the user is either redirected or remains on the same page with an error pop-up. This process blocks the entire page, which is not user-friendly and can lead to a poor user experience.
Describe the solution you'd like
To improve the user experience, the form should not disappear entirely. Instead:

1. Disable Form on Submit: When the form is submitted, disable the form fields and submit button to prevent multiple submissions.
2. Dim Background: Reduce the opacity of the background when the loader appears to indicate that an action is being processed without completely hiding the form.
3. Top Loader Indicator: or we can Use a progress bar or loader at the top of the page instead of a full-screen loader. This keeps the form visible and provides a visual indicator that the process is ongoing.

Describe alternatives you've considered

1. we can reduce the opacity of lower back ground
2. or we can disable the form field and show a progress bar on top of page

Additional context

1. login page
   
2. after click on login
   

Potential internship candidates
Please read this if you are planning to apply for a Palisadoes Foundation internship PalisadoesFoundation/talawa#359

[github-actions]

Congratulations on making your first Issue! 🎊 If you haven't already, check out our Contributing Guidelines and Issue Reporting Guidelines to ensure that you are following our guidelines for contributing and making issues.

[Prakhar-commits]

can you please assign this issue to me @varshith257

[ajitkumarpal1]

@varshith257 please assign me this issue here i update it already

[github-actions]

This issue did not get any activity in the past 10 days and will be closed in 180 days if no update occurs. Please check if the develop branch has fixed it and report again or close the issue.

[Cioppolo14]

@ajitkumarpal1 Are you working onthis?

[AnshulKahar2729]

I would like to work on this issue if ajit is not working.

[AnshulKahar2729]

Should we do the same thing to register or just log in?

[palisadoes]

I'll approve this as most websites follow this design aesthetic, however we must not eliminate the loading page anywhere else. We have other more important areas to focus on, such as reducing our code bloat and the resulting high memory utilization.