Carolyn/signup page

[carolynzhang18]

Notion ticket link

Welcome/Login/Signup Page Design Implementation

Implementation description

• Implemented designs for the welcome page (/welcome)
• Implemented designs for side drawers (no error handling)
  • Admin login
    • Info text after clicking "Don't Have and Account?"
  • Facilitator login
• Implemented designs for sign up components (/signup) (no error handling)

Figma Design:
https://www.figma.com/design/BVjAeCcvNSYMyaf9Vd9T6M/Early-Stages-(S24)?node-id=299-5521&t=5tCNi804SCHj8iJd-1

Go to --- DEV HANDOFF --- > Login

Steps to test

Test case 1: Login functionality still works

Test case 2: Facilitator sign up functionality still works

Test case 3: All links/url directs to proper page

Below are the implemented links:

• Facilitator sign up from /welcome page directs to /signUp page
• Facilitator sign up from facilitator login side drawer directs to /signUp page
• Clicking "Already Have an Account" from /signUp page redirects to /welcome page with facilitator login side drawer open
• Clicking any "Forgot Password" text leads to /forgot-password` page

What should reviewers focus on?

• Design is accurately implemented
• Implementation does not break with various screen sizes

Checklist

• My PR name is descriptive and in imperative tense
• My commit messages are descriptive and in imperative tense. My commits are atomic and trivial commits are squashed or fixup'd into non-trivial commits
• I have run the appropriate linter(s)
• I have requested a review from the PL, as well as other devs who have background knowledge on this PR or who will be building on top of this PR

[github-actions]

Visit the preview URL for this PR (updated for commit 3fd0604):

https://extendafamily-7613e--pr81-carolyn-signup-page-ltp95fdy.web.app

_{(expires Thu, 02 Jan 2025 17:05:46 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: f8bb7b5cd838ab636347dc54fd0ab08ab3715d31}