Frontend account activation

[OrigamiStarz]

Tracking Info

Resolves #6

Changes

• Made 3 new pages/routes: /activate, /login, /forgot-password
  • Note that /activate and /forgot-password functionality is implemented through firebase instead of through those pages, but the UI is done
• Added logout button + functionality in the nav bar
• Setup firebase auth in frontend + enforce it for restricted pages
• Developed functionality in the frontend for creating users and resetting passwords
• Created a script that can manually create an admin user for testing purposes

Testing

• Local testing
  • Using a script to create an admin account
  • Using the new modal to make new accounts
  • Ensuring that the user is unable to access restricted pages unless logged in
    • Including after being logged out

Confirmation of Change

Add Staff Modal:

Password Reset:

[mraysu]

please remove package.json and package-lock.json from the root directory (NOT frontend/package.json) and try running the deployment job again

[github-actions]

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

https://meemli-dev--pr36-frontend-account-act-e8oxglf1.web.app

_{(expires Thu, 19 Mar 2026 07:28:01 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: 633a893569aee98f762f025e27aa080a469727e1}

[mraysu]

Great work on the login functionality.

For this PR, phoneNumber and assignedSections should have added backend functionality. Right now, both fields are being dropped when sending create user routes.

Update the database schema to include both fields, and make sure when assigning sections to update both the User and Section objects

[mraysu]

In the future, should convert the login component to a <form> so we can submit on enter, for a more intuitive login

[mraysu]

Unsure about the need for this <Page> component, since the styling in Page.module.css is empty

[Himir-Desai]

Will have to fix this bug

[mraysu]

Still a few issues, we need to make sure that when teachers are assigned to classes, the section objects also update with teacher assignment. Right now it is only updating the User object

Also, can you add an error message on invalid login

[Himir-Desai]

When teachers are assigned to classes the section objects does update with the teacher id in the teachers field

The above is responsible for it. Below is a test

Before

After

User

[Himir-Desai]

Also added error message for invalid login credentials

[mraysu]

my fault, was looking in the backend controller. should be gtg

[mraysu]

LGTM 🚀

[LubabDesu]

I think overall functionality and everything works fine, just one thing that I noticed was this :

On the forgot password page, when I enter an invalid email, I think a more descriptive error message (which was intended as I see in the code) should be displayed, but it isn't being displayed.

I think the error is here : if (
email &&
!email.includes("@") &&
!email.includes(".") &&
email.indexOf("@") < email.indexOf(".")
) {
setFormErrors({ email: "Please enter a valid email address" });
return;
} -- the && chains eventually lead to alot of cases slipping through

Other than that it seems good to me

[LubabDesu]

LGTM!