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

Added animations in authentication page #28

Merged
merged 1 commit into from
Jan 15, 2024
Merged

Added animations in authentication page #28

merged 1 commit into from
Jan 15, 2024

Conversation

avirupnandi1
Copy link
Contributor

@avirupnandi1 avirupnandi1 commented Jan 15, 2024

Description:
Fixes #24

Overview

This pull request addresses the feature request outlined in Issue #24, where left-to-right transitions were proposed to improve the visual appeal and user experience of the authentication process. The changes introduced in this pull request enhance the authentication pages with both left-to-right and right-to-left animations, providing a polished and engaging user flow.

Changes Made

  1. Login Page:

    • Implemented a smooth left-to-right transition when navigating to the login page.
    • Added subtle animations during the transition between input fields and when submitting credentials.
  2. Sign Up Page:

    • Enhanced the user experience by incorporating left-to-right transitions when moving from the login page to the sign-up page.
    • Applied animations to provide satisfying visual feedback upon the completion of the sign-up process.
  3. Forgot Password Page:

    • Created a cohesive authentication flow by introducing left-to-right transitions on the forgot password page.
    • Added animations to guide users seamlessly through the password recovery steps.
  4. Authentication to App Screen:

    • Implemented a visually appealing left-to-right transition when users successfully authenticate, moving from the authentication section to the app screen.
    • Ensured consistency in transition effects across various devices and screen sizes.

Testing

  • Thoroughly tested the implemented transitions on various browsers and devices to ensure a consistent and reliable user experience.
  • Verified that the animations do not negatively impact accessibility or overall application performance.

Screenshots

video_2024-01-15_23-48-17.mp4

Additional Notes

  • This pull request is in line with modern design principles, enhancing the overall aesthetics and user engagement in the authentication process.
  • Adhered to accessibility standards to ensure an inclusive user experience.

@Abhigyan103 Abhigyan103 changed the title Fix #24:added animations in authentication page Added animations in authentication page Jan 15, 2024
@Abhigyan103 Abhigyan103 merged commit eb9f2c4 into Abhigyan103:main Jan 15, 2024
1 check passed
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.

Addition of transition animation for Authentication Pages
2 participants