Enhance User Registration with Input Validation and Success Feedback

Summary

This Pull Request introduces enhancements to the user registration feature. It implements validation for email and filters inputs, ensuring that error messages are displayed only for the relevant input. Additionally, it adds a success popup to provide feedback to users upon successful registration and clears up the input fields.

Snips

Motivation

The motivation behind this PR is to improve the user experience during the registration process. By validating inputs and providing clear error messages, users can easily identify and correct any issues before submitting the form. The addition of a success popup further enhances user feedback, confirming successful registration and improving overall satisfaction.

Implementation

Added validation functions for email and filters inputs.
Modified the addUser function to display error messages only for the relevant input.
Integrated a success popup to appear upon successful registration, providing immediate feedback to the user.

Video demo

https://github.com/camicroscope/caMicroscope/assets/108942025/b8218634-a4ef-4979-bd35-1d46f34569ad

Testing

I have conducted testing to ensure the following:

Error messages are displayed only for the relevant input field.
Success popup appears upon successful registration and disappears after a specified duration.
Input fields are cleared after successful registration.
User experience is enhanced with clear feedback and validation.

I have also run the linting to fix any potential errors, and it's working fine.

Questions

If you have any feedback or suggestions regarding this PR, please feel free to share them. And also, if there's anything else you'd like me to address, let me know. Thanks.

camicroscope / caMicroscope