#87 - Frontend Login/Signup Page

[aaronashby]

Description

I built out the frontend for logging in and registering a user for the admin dashboard.

Changes Made

• Backend changes
• Frontend changes
• Database schema changes
• Configuration updates
• Other

Testing & Verification

• Unit tests pass
• Manual testing completed
• No breaking changes

Verification Steps:

I ensured that the correct input fields show up when a user wants to log in vs. when a user wants to sign up. I also ensured that clicking the "Login" or "Finish Profile" buttons actually send the populated fields to the correct endpoint via console logging.

Screenshots

Login

Signup

Step 1

Step 2

Future Improvements/Notes

I didn't implement the confirmation menus (i.e. password reset instructions email sent & successful account creation) in this branch as that is currently being worked on in another ticket.

Related Issues

Closes #87

[thaninbew]

1. On the Login page, the "Create Account" button looks disabled when !email || !password but it is not actually disabled (no disabled prop). This means users can submit empty fields if they click it

2. Use unique IDs (e.g. password, confirmPassword) and match Label htmlFor. doing it the current way is knwon to cause issues in DOM.

3. headerText switch has unreachable breaks / missing default returnIn headerText you return ...; break;

4. Either remove noValidate and let browser validation handle basics, or keep noValidate but enforce validation in handleSubmit / disable submit consistently -- the code sets noValidate on the form, but rely on:

• pattern + peer invalid styles for email (thats only styling, not blocking submit)
• visual disabled styles in some places (not always acctual disabled)