I was able to get in some time to work on this, but mostly mechanical instead of front-end. I decided to work on the validation with creating an account:
- Email Requirement
- Email Regex Pattern
- Password Requirement
- Password minimum and maximum character limit
- Password needs at least one:
- Lowercase character
- Uppercase character
- Numeric character
- Special character
All of the validation methods was made in a library that I created so that it can be reused with any other forms for the website. The minimum and maximum character limit function will take in a variable to set the limit amount. Originally, the lowercase, uppercase, numeric, and special character checks was all in one method, but decided to break it down so that I can display any special styling and messaging to show the user that they need to make the necessary corrections.
I am having some connection issues with React communicating with Mongo via Node.js, but if I just save the file that has the Mongo code then it works fine. Rather odd behavior, but i’ll try to figure out the issue some other time.
Otherwise, I will make some additional styling changes this week with the register form, and some backend validation like checking for the same front-end validation along with email check and performing hash and salting.