Tracking Info

Resolves #4

Changes

• Created /signin route that renders Sign-in component
• Increased input fields to a max-width of 320px
• Added password visibility toggle to the TextBox component
• Merged with create-account branch
• Created /signup route for Create Account component (now renamed to SignUp)

Testing

• Sign In: localhost:3000/signin
• Sign Up: localhost:3000/signup
• Compared changes to Figma designs

Confirmation of Change

Additional Notes

• The password input field placeholder and masked text is an asterisk (*) on the Figma design, but the most convenient implementation has limited symbols so we are using default dots (●). Allison has confirmed that this is okay.
• I added a subtle background-color transition to the Sign in button on hover. We should confirm with designers if this is okay and standardize it across all selectable inputs
• We still need to add logic to retrieve form data. This can a separate issue and we can consider using React Hook Form to handle multiple input fields and Zod for input validation.