Issue8 register ui - new pr

[mtreacy002]

Description

This PR is to provide Register UI and backend consumption.

Fixes #8 and replaces PR #15

Type of Change:

• Code
• User Interface

Code/Quality Assurance Only

• New feature (non-breaking change which adds functionality pre-approved by mentors)

How Has This Been Tested?

By creating new user as well as trying to register with existing user's data

Steps to test:

• run the following servers locally:
  • BIT backend server - must use port 5000 (stated as allowed CORS origin url inside MS backend code base).
  • MS backend server - I recommend using port 4000
  • BIT React server - will by default run on port 3000 (stated as allowed CORS origin url inside the BIT backend code base)

Note: I recommend tester/reviewer to create a separate branch on MS backend to run MS server as there a few lines of code need to be added inside the MS backend run.py which is specific to BIT only (in the future I will open an issue on MS side to accommodate this). Please refer to run.py inside code changes for BIT PR#52 and update your pip dependencies as per that PR additional notes.

Checklist:

• My PR follows the style guidelines of this project
• I have performed a self-review of my own code or materials
• Any dependent changes have been merged

Code/Quality Assurance Only

• My changes generate no new warnings

[foongminwong]

The changes made in this PR were tested locally. Following are the results:

1. All possible responses are tested below:

   • Test new Register Form
     Screenshot/gif/url:
     

     Expected Result: Red warnings show up when (1) fields are left blank, (2) password too short, (3) confirm password doesn't match, (4) invalid email address when email is missing @ or .com, etc. (5) username too short or with invalid characters

     Actual Result: Same as expected.

   • Register a user using new Register Form
     Screenshot/gif/url:

   

   Expected Result: User registration is processed successfully. If the user wants to register using same account information, it will show A user with that username already exists.

   Actual Result: Same as expected.

2. Additional comments:

   • Great job @mtreacy002 !! The Register UI functionality works on my end
   • Based on your previous comment, the register form temporarily won't have the fields/functionaly for the Confirm Password, Show Password, and the radio buttons for (Mentor, Mentee, Both).

3. OS Version: Windows 10

[mtreacy002]

Thank you @foongminwong for you feedback... Loving how you test the PR as you review 😉 😍

[meenakshi-dhanani]

@foongminwong reviewed the functionality, seems fine. Reviewed the code. Works as expected

[meenakshi-dhanani]

@foongminwong if all looks good, can you approve?