191 password authentication frontend & backend; rudimentary by saumyapalk23 · Pull Request #196 · Code-4-Community/branch

saumyapalk23 · 2026-04-12T21:38:24Z

ℹ️ Issue

Closes#191

📝 Description

Added forgotPassword(email) and resetPassword(email, code, newPassword) to AuthContext.tsx, wired to POST /auth/forgot-password and POST /auth/reset-password
Wired app/login/page.tsx to useAuth().login(), added email format and empty field validation, and fixed the "Forgot password?" link to point to /forgot-password
Created app/forgot-password/page.tsx — renders the reset request form, then switches to a confirmation screen after submission
Created app/reset-password/page.tsx — renders the new password form, then switches to a success screen after submission; reads email and code from Cognito query params
Fixed dead href="#" links to point to /login

✔️ Verification

Navigate to /login — submit with empty fields, confirm validation errors appear; submit with a bad email format (e.g. saumyagmail.com), confirm email error appears

Click "Forgot password?" — confirm it navigates to /forgot-password

On /forgot-password, enter a valid email and click "Request reset link" — the API call will fail since POST /auth/forgot-password is not yet implemented on the backend, but the page correctly catches the error and the UI flow can still be verified
Click "Back to login" — confirm it navigates to /login

Navigate to /reset-password — enter mismatched or weak passwords, confirm validation errors appear; enter valid matching passwords and click "Reset Password" — the API call will fail since POST /auth/reset-password is not yet implemented

Click "Back to login" on the success screen — confirm it navigates to /login

🏕️ (Optional) Future Work / Notes

lowk might've said i did implement something that i forgot, so lmk
Backend endpoints POST /auth/forgot-password and POST /auth/reset-password still need to be implemented for the full flow -to work end to end. The frontend is fully wired and ready.
TextInputField does not support type="password", so password fields currently render as plain text. Should be addressed in a follow-up ticket.

oops

nshoreibah-kvyo

A couple questions but looks good to me!

nshoreibah-kvyo · 2026-04-16T11:50:26Z

 let body = await res.json();
 expect(body.message).toBe("Project not found for id: 1000");
 });
-test("update project test 🌞", async () => {


Were these tests flaking? Why'd we delete?

nshoreibah-kvyo · 2026-04-16T11:50:34Z

 testEnvironment: 'node',
 testMatch: ['**/*.test.ts'],
 globals: { 'ts-jest': { isolatedModules: true } },
+ maxWorkers: 1,


Also curious what this is for

saumyapalk23 · 2026-04-12T21:38:24Z

ℹ️ Issue

Closes#191

📝 Description

Added forgotPassword(email) and resetPassword(email, code, newPassword) to AuthContext.tsx, wired to POST /auth/forgot-password and POST /auth/reset-password
Wired app/login/page.tsx to useAuth().login(), added email format and empty field validation, and fixed the "Forgot password?" link to point to /forgot-password
Created app/forgot-password/page.tsx — renders the reset request form, then switches to a confirmation screen after submission
Created app/reset-password/page.tsx — renders the new password form, then switches to a success screen after submission; reads email and code from Cognito query params
Fixed dead href="#" links to point to /login

✔️ Verification

Navigate to /login — submit with empty fields, confirm validation errors appear; submit with a bad email format (e.g. saumyagmail.com), confirm email error appears

Click "Forgot password?" — confirm it navigates to /forgot-password

On /forgot-password, enter a valid email and click "Request reset link" — the API call will fail since POST /auth/forgot-password is not yet implemented on the backend, but the page correctly catches the error and the UI flow can still be verified
Click "Back to login" — confirm it navigates to /login

Navigate to /reset-password — enter mismatched or weak passwords, confirm validation errors appear; enter valid matching passwords and click "Reset Password" — the API call will fail since POST /auth/reset-password is not yet implemented

Click "Back to login" on the success screen — confirm it navigates to /login

🏕️ (Optional) Future Work / Notes

lowk might've said i did implement something that i forgot, so lmk
Backend endpoints POST /auth/forgot-password and POST /auth/reset-password still need to be implemented for the full flow -to work end to end. The frontend is fully wired and ready.
TextInputField does not support type="password", so password fields currently render as plain text. Should be addressed in a follow-up ticket.

oops

nshoreibah-kvyo

A couple questions but looks good to me!

nshoreibah-kvyo · 2026-04-16T11:50:26Z

 let body = await res.json();
 expect(body.message).toBe("Project not found for id: 1000");
 });
-test("update project test 🌞", async () => {


Were these tests flaking? Why'd we delete?

nshoreibah-kvyo · 2026-04-16T11:50:34Z

 testEnvironment: 'node',
 testMatch: ['**/*.test.ts'],
 globals: { 'ts-jest': { isolatedModules: true } },
+ maxWorkers: 1,


Also curious what this is for

saumyapalk23 · 2026-04-12T21:38:24Z

ℹ️ Issue

Closes#191

📝 Description

Added forgotPassword(email) and resetPassword(email, code, newPassword) to AuthContext.tsx, wired to POST /auth/forgot-password and POST /auth/reset-password
Wired app/login/page.tsx to useAuth().login(), added email format and empty field validation, and fixed the "Forgot password?" link to point to /forgot-password
Created app/forgot-password/page.tsx — renders the reset request form, then switches to a confirmation screen after submission
Created app/reset-password/page.tsx — renders the new password form, then switches to a success screen after submission; reads email and code from Cognito query params
Fixed dead href="#" links to point to /login

✔️ Verification

Navigate to /login — submit with empty fields, confirm validation errors appear; submit with a bad email format (e.g. saumyagmail.com), confirm email error appears

Click "Forgot password?" — confirm it navigates to /forgot-password

On /forgot-password, enter a valid email and click "Request reset link" — the API call will fail since POST /auth/forgot-password is not yet implemented on the backend, but the page correctly catches the error and the UI flow can still be verified
Click "Back to login" — confirm it navigates to /login

Navigate to /reset-password — enter mismatched or weak passwords, confirm validation errors appear; enter valid matching passwords and click "Reset Password" — the API call will fail since POST /auth/reset-password is not yet implemented

Click "Back to login" on the success screen — confirm it navigates to /login

🏕️ (Optional) Future Work / Notes

lowk might've said i did implement something that i forgot, so lmk
Backend endpoints POST /auth/forgot-password and POST /auth/reset-password still need to be implemented for the full flow -to work end to end. The frontend is fully wired and ready.
TextInputField does not support type="password", so password fields currently render as plain text. Should be addressed in a follow-up ticket.

oops

nshoreibah-kvyo

A couple questions but looks good to me!

nshoreibah-kvyo · 2026-04-16T11:50:26Z

 let body = await res.json();
 expect(body.message).toBe("Project not found for id: 1000");
 });
-test("update project test 🌞", async () => {


Were these tests flaking? Why'd we delete?

nshoreibah-kvyo · 2026-04-16T11:50:34Z

 testEnvironment: 'node',
 testMatch: ['**/*.test.ts'],
 globals: { 'ts-jest': { isolatedModules: true } },
+ maxWorkers: 1,


Also curious what this is for

saumyapalk23 · 2026-04-12T21:38:24Z

ℹ️ Issue

Closes#191

📝 Description

Added forgotPassword(email) and resetPassword(email, code, newPassword) to AuthContext.tsx, wired to POST /auth/forgot-password and POST /auth/reset-password
Wired app/login/page.tsx to useAuth().login(), added email format and empty field validation, and fixed the "Forgot password?" link to point to /forgot-password
Created app/forgot-password/page.tsx — renders the reset request form, then switches to a confirmation screen after submission
Created app/reset-password/page.tsx — renders the new password form, then switches to a success screen after submission; reads email and code from Cognito query params
Fixed dead href="#" links to point to /login

✔️ Verification

Navigate to /login — submit with empty fields, confirm validation errors appear; submit with a bad email format (e.g. saumyagmail.com), confirm email error appears

Click "Forgot password?" — confirm it navigates to /forgot-password

On /forgot-password, enter a valid email and click "Request reset link" — the API call will fail since POST /auth/forgot-password is not yet implemented on the backend, but the page correctly catches the error and the UI flow can still be verified
Click "Back to login" — confirm it navigates to /login

Navigate to /reset-password — enter mismatched or weak passwords, confirm validation errors appear; enter valid matching passwords and click "Reset Password" — the API call will fail since POST /auth/reset-password is not yet implemented

Click "Back to login" on the success screen — confirm it navigates to /login

🏕️ (Optional) Future Work / Notes

lowk might've said i did implement something that i forgot, so lmk
Backend endpoints POST /auth/forgot-password and POST /auth/reset-password still need to be implemented for the full flow -to work end to end. The frontend is fully wired and ready.
TextInputField does not support type="password", so password fields currently render as plain text. Should be addressed in a follow-up ticket.

oops

nshoreibah-kvyo

A couple questions but looks good to me!

nshoreibah-kvyo · 2026-04-16T11:50:26Z

 let body = await res.json();
 expect(body.message).toBe("Project not found for id: 1000");
 });
-test("update project test 🌞", async () => {


Were these tests flaking? Why'd we delete?

nshoreibah-kvyo · 2026-04-16T11:50:34Z

 testEnvironment: 'node',
 testMatch: ['**/*.test.ts'],
 globals: { 'ts-jest': { isolatedModules: true } },
+ maxWorkers: 1,


Also curious what this is for

saumyapalk23 · 2026-04-12T21:38:24Z

ℹ️ Issue

Closes#191

📝 Description

Added forgotPassword(email) and resetPassword(email, code, newPassword) to AuthContext.tsx, wired to POST /auth/forgot-password and POST /auth/reset-password
Wired app/login/page.tsx to useAuth().login(), added email format and empty field validation, and fixed the "Forgot password?" link to point to /forgot-password
Created app/forgot-password/page.tsx — renders the reset request form, then switches to a confirmation screen after submission
Created app/reset-password/page.tsx — renders the new password form, then switches to a success screen after submission; reads email and code from Cognito query params
Fixed dead href="#" links to point to /login

✔️ Verification

Navigate to /login — submit with empty fields, confirm validation errors appear; submit with a bad email format (e.g. saumyagmail.com), confirm email error appears

Click "Forgot password?" — confirm it navigates to /forgot-password

On /forgot-password, enter a valid email and click "Request reset link" — the API call will fail since POST /auth/forgot-password is not yet implemented on the backend, but the page correctly catches the error and the UI flow can still be verified
Click "Back to login" — confirm it navigates to /login

Navigate to /reset-password — enter mismatched or weak passwords, confirm validation errors appear; enter valid matching passwords and click "Reset Password" — the API call will fail since POST /auth/reset-password is not yet implemented

Click "Back to login" on the success screen — confirm it navigates to /login

🏕️ (Optional) Future Work / Notes

lowk might've said i did implement something that i forgot, so lmk
Backend endpoints POST /auth/forgot-password and POST /auth/reset-password still need to be implemented for the full flow -to work end to end. The frontend is fully wired and ready.
TextInputField does not support type="password", so password fields currently render as plain text. Should be addressed in a follow-up ticket.

oops

nshoreibah-kvyo

A couple questions but looks good to me!

nshoreibah-kvyo · 2026-04-16T11:50:26Z

 let body = await res.json();
 expect(body.message).toBe("Project not found for id: 1000");
 });
-test("update project test 🌞", async () => {


Were these tests flaking? Why'd we delete?

nshoreibah-kvyo · 2026-04-16T11:50:34Z

 testEnvironment: 'node',
 testMatch: ['**/*.test.ts'],
 globals: { 'ts-jest': { isolatedModules: true } },
+ maxWorkers: 1,


Also curious what this is for

saumyapalk23 · 2026-04-12T21:38:24Z

ℹ️ Issue

Closes#191

📝 Description

Added forgotPassword(email) and resetPassword(email, code, newPassword) to AuthContext.tsx, wired to POST /auth/forgot-password and POST /auth/reset-password
Wired app/login/page.tsx to useAuth().login(), added email format and empty field validation, and fixed the "Forgot password?" link to point to /forgot-password
Created app/forgot-password/page.tsx — renders the reset request form, then switches to a confirmation screen after submission
Created app/reset-password/page.tsx — renders the new password form, then switches to a success screen after submission; reads email and code from Cognito query params
Fixed dead href="#" links to point to /login

✔️ Verification

Navigate to /login — submit with empty fields, confirm validation errors appear; submit with a bad email format (e.g. saumyagmail.com), confirm email error appears

Click "Forgot password?" — confirm it navigates to /forgot-password

On /forgot-password, enter a valid email and click "Request reset link" — the API call will fail since POST /auth/forgot-password is not yet implemented on the backend, but the page correctly catches the error and the UI flow can still be verified
Click "Back to login" — confirm it navigates to /login

Navigate to /reset-password — enter mismatched or weak passwords, confirm validation errors appear; enter valid matching passwords and click "Reset Password" — the API call will fail since POST /auth/reset-password is not yet implemented

Click "Back to login" on the success screen — confirm it navigates to /login

🏕️ (Optional) Future Work / Notes

lowk might've said i did implement something that i forgot, so lmk
Backend endpoints POST /auth/forgot-password and POST /auth/reset-password still need to be implemented for the full flow -to work end to end. The frontend is fully wired and ready.
TextInputField does not support type="password", so password fields currently render as plain text. Should be addressed in a follow-up ticket.

oops

nshoreibah-kvyo

A couple questions but looks good to me!

nshoreibah-kvyo · 2026-04-16T11:50:26Z

 let body = await res.json();
 expect(body.message).toBe("Project not found for id: 1000");
 });
-test("update project test 🌞", async () => {


Were these tests flaking? Why'd we delete?

nshoreibah-kvyo · 2026-04-16T11:50:34Z

 testEnvironment: 'node',
 testMatch: ['**/*.test.ts'],
 globals: { 'ts-jest': { isolatedModules: true } },
+ maxWorkers: 1,


Also curious what this is for

saumyapalk23 · 2026-04-12T21:38:24Z

ℹ️ Issue

Closes#191

📝 Description

Added forgotPassword(email) and resetPassword(email, code, newPassword) to AuthContext.tsx, wired to POST /auth/forgot-password and POST /auth/reset-password
Wired app/login/page.tsx to useAuth().login(), added email format and empty field validation, and fixed the "Forgot password?" link to point to /forgot-password
Created app/forgot-password/page.tsx — renders the reset request form, then switches to a confirmation screen after submission
Created app/reset-password/page.tsx — renders the new password form, then switches to a success screen after submission; reads email and code from Cognito query params
Fixed dead href="#" links to point to /login

✔️ Verification

Navigate to /login — submit with empty fields, confirm validation errors appear; submit with a bad email format (e.g. saumyagmail.com), confirm email error appears

Click "Forgot password?" — confirm it navigates to /forgot-password

On /forgot-password, enter a valid email and click "Request reset link" — the API call will fail since POST /auth/forgot-password is not yet implemented on the backend, but the page correctly catches the error and the UI flow can still be verified
Click "Back to login" — confirm it navigates to /login

Navigate to /reset-password — enter mismatched or weak passwords, confirm validation errors appear; enter valid matching passwords and click "Reset Password" — the API call will fail since POST /auth/reset-password is not yet implemented

Click "Back to login" on the success screen — confirm it navigates to /login

🏕️ (Optional) Future Work / Notes

lowk might've said i did implement something that i forgot, so lmk
Backend endpoints POST /auth/forgot-password and POST /auth/reset-password still need to be implemented for the full flow -to work end to end. The frontend is fully wired and ready.
TextInputField does not support type="password", so password fields currently render as plain text. Should be addressed in a follow-up ticket.

oops

nshoreibah-kvyo

A couple questions but looks good to me!

nshoreibah-kvyo · 2026-04-16T11:50:26Z

 let body = await res.json();
 expect(body.message).toBe("Project not found for id: 1000");
 });
-test("update project test 🌞", async () => {


Were these tests flaking? Why'd we delete?

nshoreibah-kvyo · 2026-04-16T11:50:34Z

 testEnvironment: 'node',
 testMatch: ['**/*.test.ts'],
 globals: { 'ts-jest': { isolatedModules: true } },
+ maxWorkers: 1,


Also curious what this is for

saumyapalk23 · 2026-04-12T21:38:24Z

ℹ️ Issue

Closes#191

📝 Description

Added forgotPassword(email) and resetPassword(email, code, newPassword) to AuthContext.tsx, wired to POST /auth/forgot-password and POST /auth/reset-password
Wired app/login/page.tsx to useAuth().login(), added email format and empty field validation, and fixed the "Forgot password?" link to point to /forgot-password
Created app/forgot-password/page.tsx — renders the reset request form, then switches to a confirmation screen after submission
Created app/reset-password/page.tsx — renders the new password form, then switches to a success screen after submission; reads email and code from Cognito query params
Fixed dead href="#" links to point to /login

✔️ Verification

Navigate to /login — submit with empty fields, confirm validation errors appear; submit with a bad email format (e.g. saumyagmail.com), confirm email error appears

Click "Forgot password?" — confirm it navigates to /forgot-password

On /forgot-password, enter a valid email and click "Request reset link" — the API call will fail since POST /auth/forgot-password is not yet implemented on the backend, but the page correctly catches the error and the UI flow can still be verified
Click "Back to login" — confirm it navigates to /login

Navigate to /reset-password — enter mismatched or weak passwords, confirm validation errors appear; enter valid matching passwords and click "Reset Password" — the API call will fail since POST /auth/reset-password is not yet implemented

Click "Back to login" on the success screen — confirm it navigates to /login

🏕️ (Optional) Future Work / Notes

lowk might've said i did implement something that i forgot, so lmk
Backend endpoints POST /auth/forgot-password and POST /auth/reset-password still need to be implemented for the full flow -to work end to end. The frontend is fully wired and ready.
TextInputField does not support type="password", so password fields currently render as plain text. Should be addressed in a follow-up ticket.

oops

nshoreibah-kvyo

A couple questions but looks good to me!

nshoreibah-kvyo · 2026-04-16T11:50:26Z

 let body = await res.json();
 expect(body.message).toBe("Project not found for id: 1000");
 });
-test("update project test 🌞", async () => {


Were these tests flaking? Why'd we delete?

nshoreibah-kvyo · 2026-04-16T11:50:34Z

 testEnvironment: 'node',
 testMatch: ['**/*.test.ts'],
 globals: { 'ts-jest': { isolatedModules: true } },
+ maxWorkers: 1,


Also curious what this is for

password authentication frontend & backend; rudimentary
00d263f

saumyapalk23 requested a review from Vaibhav978 as a code owner April 12, 2026 21:38

saumyapalk23 requested a review from tsudhakar87 April 12, 2026 21:38

github-actionsBot requested a review from Rayna-Yu April 12, 2026 21:38

saumyapalk23 removed the request for review from Rayna-Yu April 12, 2026 21:38

github-actionsBot added a commit that referenced this pull request Apr 12, 2026
bot: assign reviewer for PR#196
43213ae

saumyapalk23 requested a review from mehanana April 12, 2026 21:38

saumyapalk23and others added 4 commits April 12, 2026 17:46

build fail fixes
d3f1132

build fail fixes
882191d

build fail fixes
958cdb7

Merge branch 'main' into 191-auth-frontend-backend
eee6567

Vaibhav978 previously approved these changes Apr 12, 2026
View reviewed changes

tsudhakar87 approved these changes Apr 12, 2026
View reviewed changes

Rayna-Yu approved these changes Apr 12, 2026
View reviewed changes

nshoreibah-kvyo approved these changes Apr 16, 2026
View reviewed changes

nourshoreibah approved these changes Apr 16, 2026
View reviewed changes