Skip to content

SSF-122 auth page frontend#94

Merged
Juwang110 merged 17 commits intomainfrom
jw/SSF-122-auth-page-frontend
Feb 16, 2026
Merged

SSF-122 auth page frontend#94
Juwang110 merged 17 commits intomainfrom
jw/SSF-122-auth-page-frontend

Conversation

@Juwang110
Copy link

@Juwang110 Juwang110 commented Jan 30, 2026

ℹ️ Issue

Closes https://vidushimisra.atlassian.net/jira/software/projects/SSF/boards/1?selectedIssue=SSF-122

📝 Description

I refactored the application to move away from using the prebuilt Authenticator component to handle AWS cognito functionality with amplify. This allowed me to manually call amplify api functions so that the login/signup flow frontend could be customized to match the figma designs. I also fixed the css styling issue that the authenticator component was causing by removing its use.

I added 3 new frontend pages: /login, /signup, and /forgot-password. The forgot-password page features a modal that will change based on if you are on the stage of setting a new password, or the verification code stage.

✔️ Verification

I went through all the login flow testing signing in, up, forgetting and resetting my password etc. I made sure the frontend designs matched the figma as well.

Screenshot 2026-01-30 151105 Screenshot 2026-01-30 151352 Screenshot 2026-01-30 151357 Screenshot 2026-01-30 151400

🏕️ (Optional) Future Work / Notes

Note: the signup page has a button to navigate to the food manufacturer application. This is not currently in main but there is a pr up by Amy to implement the frontend for that application. I based the navigation route based on that but it currently wont work.

NOTE: I have some alerts in here for some error states, I understand theres a ticket to make these to chakra ones so to make everything uniform I didn't want to do those yet. If that gets in first I will update these alerts to match.

@Juwang110 Juwang110 changed the title Jw/ssf 122 auth page frontend SSF-122 auth page frontend Jan 30, 2026
@dburkhart07 dburkhart07 self-requested a review February 4, 2026 02:21
Copy link

@dburkhart07 dburkhart07 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Mostly just some small nits. This looks amazing for a first pass!

path: '/pantry-dashboard/:pantryId',
element: (
<Authenticator components={components}>
<ProtectedRoute>

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Note for later: The pantry id loader I think makes u navigate to a 404 error instead (while still navigating to request-form/1). I think my role based auth backend may have fixed this, but once this get's merged in we should check to see if it still works. If not, we may need to adjust how the ProtectedRoute and loader interact with each other.

Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Ok sounds good!

@Juwang110 Juwang110 requested a review from dburkhart07 February 4, 2026 19:32
Copy link

@dburkhart07 dburkhart07 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Few more things!

@Juwang110 Juwang110 requested a review from dburkhart07 February 7, 2026 23:20
Copy link

@dburkhart07 dburkhart07 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

2 small UX upgrades

@Juwang110 Juwang110 requested a review from dburkhart07 February 8, 2026 21:57
@sam-schu sam-schu self-requested a review February 9, 2026 18:08
Copy link

@dburkhart07 dburkhart07 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

One small thing to investigate, but after that should be good!

Copy link

@dburkhart07 dburkhart07 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Approving pending one small change. Remember to merge main in.

@sam-schu sam-schu removed their request for review February 15, 2026 21:54
@Juwang110 Juwang110 requested a review from maxn990 February 15, 2026 22:09
Copy link
Member

@maxn990 maxn990 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nice Justin! One small thing otherwise looks awesome

@Juwang110 Juwang110 requested a review from maxn990 February 16, 2026 15:59
Copy link
Member

@maxn990 maxn990 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM 💯 🥳 🐐

Comment on lines +47 to +50
if (password.length < 8) {
alert('Password needs to be at least 8 characters');
return;
}
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

niceeeeee

@Juwang110 Juwang110 merged commit fb00e44 into main Feb 16, 2026
2 checks passed
@Juwang110 Juwang110 deleted the jw/SSF-122-auth-page-frontend branch February 16, 2026 22:33
amywng pushed a commit that referenced this pull request Feb 17, 2026
* login page

* signup page

* forgot password flow

* refactoring to use my login page instead of authenticator from amplify

* refactoring to combine verification and new password modals

* minor refactoring

* prettier

* minor refactoring

* switching button color to ssf blue

* minor refactoring

* adding password requirement info and eye crossed out icon

* changing password requirement text to be accurate

* making all routes protected, refactoring password requirement visual

* adding alert for password being 8 characters at least
amywng pushed a commit that referenced this pull request Feb 17, 2026
* login page

* signup page

* forgot password flow

* refactoring to use my login page instead of authenticator from amplify

* refactoring to combine verification and new password modals

* minor refactoring

* prettier

* minor refactoring

* switching button color to ssf blue

* minor refactoring

* adding password requirement info and eye crossed out icon

* changing password requirement text to be accurate

* making all routes protected, refactoring password requirement visual

* adding alert for password being 8 characters at least
amywng added a commit that referenced this pull request Feb 17, 2026
* Updated auth

* Tried fixing JWT Strategy

* Updated auth

* Finished general authentication for both frontend and backend pages

* Final commit for this branch

* Revisions made with Sam!!!

* Full implementation of backend role-based auth

* prettier

* Fixed user flow to use a cognito id hardcoded into the database

* prettier

* Added requested changes

* Added in decorator and guard for a bypass gaurd

* Final commit

* Resolved comments

* Fixed addition of audience

* Fixed bugs wth id loader

* Final commit

* Final commit

* remove ids from routes

* prettier

* fix tests

* fix form requests file

* fix problems with merge

* more cleanup

* review comments

* add exception propagation test

* SSF-122 auth page frontend (#94)

* login page

* signup page

* forgot password flow

* refactoring to use my login page instead of authenticator from amplify

* refactoring to combine verification and new password modals

* minor refactoring

* prettier

* minor refactoring

* switching button color to ssf blue

* minor refactoring

* adding password requirement info and eye crossed out icon

* changing password requirement text to be accurate

* making all routes protected, refactoring password requirement visual

* adding alert for password being 8 characters at least

* review comments

* fix error

* fix error

* fix things from merge

* clean up

* fix yarnfile

---------

Co-authored-by: Dalton Burkhart <daltonburkhart.75@gmail.com>
Co-authored-by: Justin Wang <74576640+Juwang110@users.noreply.github.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants