Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Login form #12

Merged
merged 3 commits into from
Apr 30, 2024
Merged

Login form #12

merged 3 commits into from
Apr 30, 2024

Conversation

GinaCastromonte
Copy link
Collaborator

Description

_1) It lets a user login with the correct credentials
2) Created a component "LoginForm " it's responsible for rendering a login form UI and handling user input. It uses Firebase authentication to authenticate users with email and password, and performing client-side validation for form fields and displaying error messages.

Related Issue

https://cherryontech-jupiter-jumpers.atlassian.net/jira/software/projects/SCRUM/boards/1/backlog?selectedIssue=SCRUM-15)](https://cherryontech-jupiter-jumpers.atlassian.net/browse/SCRUM-15

Type of Changes

feature update introduces client-side form validation and Firebase authentication integration to enhance the login experience,

Update Screenshots

Testing Instructions

  • Verify that the login form renders correctly on both desktop and mobile devices.

  • Attempt to submit the form without entering any data to ensure that required field validation works.

  • Try entering an invalid email address format and ensure that the appropriate error message is displayed.

  • Enter a valid email address but an incorrect password and verify that the error message accurately reflects the issue.

  • Enter valid credentials and confirm that the form submits successfully, logging the user in and redirecting them to the expected page.

Copy link

netlify bot commented Apr 30, 2024

Deploy Preview for uncloud ready!

Name Link
🔨 Latest commit 34737ae
🔍 Latest deploy log https://app.netlify.com/sites/uncloud/deploys/66311aa69a69e90008bfd9d0
😎 Deploy Preview https://deploy-preview-12--uncloud.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

Copy link
Collaborator

@paola4 paola4 left a comment

Choose a reason for hiding this comment

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

I added a small fix to line 130 in loginForm.tsx (there was an apostrophe that needed to be escaped) that was giving an error in Netlify. The Netlify deployment now works without error.

Other Testing Criteria:

  • [✅] Verify that the login form renders correctly on both desktop and mobile devices.
  • [✅] Attempt to submit the form without entering any data to ensure that required field validation works.
  • [✅] Try entering an invalid email address format and ensure that the appropriate error message is displayed.
  • [✅] Enter a valid email address but an incorrect password and verify that the error message accurately reflects the issue.
  • [✅] Enter valid credentials and confirm that the form submits successfully, logging the user in and redirecting them to the expected page.

Well done, Gina!

@GinaCastromonte GinaCastromonte merged commit 0d52ff3 into main Apr 30, 2024
5 checks passed
@GinaCastromonte GinaCastromonte deleted the login-form branch April 30, 2024 23:44
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants