Sejal/frontend67/69 Create Account and Login Pages

[sejal-agarwal]

Description

Added pages for Create Account and Login as well as tests. I wasn't able to use the Cypress GUI for some reason so I had to write the tests from scratch. There may be quite a few errors there, I apologize in advance. 🫣

Images

Login

Desktop

Mobile

Create Account

Desktop

Mobile

I created a colors file with standard colours for our application.

Also added a file for styling components that might be helpful though I do still have quite a bit inline styling as well.

Closes #67 Closes #69

How to Test

Login

• [ ] Run application locally
• [ ] Valid Login: Login with any credentials and you should be able to navigate to the homepage.
• [ ] Invalid Login: Comment out line 33 in Login.tsx to see a failed login attempt

Create Account

• [ ] Run application locally
• [ ] Test by not using a valid email format (ie. missing the "@") - should get an error message
• [ ] Test with and without a uvic account
• [ ] Try creating an account with and without a valid password
• [ ] Valid Account Creation: Creating an account with valid parameters will be successful and lead you to the homepage
• [ ] Invalid Account Creation: Comment out line 71 is CreateAccount.tsx to see a failed account creation attempt

Checklist

• [x] The code includes tests if relevant
• [x] I have actually self-reviewed my changes and done QA