Skip to content

Update dependencies in package-lock.json and enhance LoginPopup and R… - #205

Merged
Skrishna0703 merged 1 commit into
Skrishna0703:mainfrom
ayushpandey101:main
Sep 26, 2025
Merged

Update dependencies in package-lock.json and enhance LoginPopup and R…#205
Skrishna0703 merged 1 commit into
Skrishna0703:mainfrom
ayushpandey101:main

Conversation

@ayushpandey101

Copy link
Copy Markdown
Contributor

Which issue does this PR close?

Rationale for this change

The requested changes enhance the user experience and visual appeal of your application:

Scroll for review content:

  • Adding scroll functionality to the review content ensures that long reviews do not overflow or get cut off, maintaining a clean layout and allowing users to read all content without breaking the card design.

Hidden scrollbar:

  • Hiding the scrollbar keeps the UI minimal and modern, while still allowing users to scroll through content using mouse, touch, or keyboard.

Avatar zoom on hover:

  • The zoom effect on the avatar provides interactive feedback, making the UI feel more dynamic and engaging.

Neon effect on review-card:

  • The neon glow effect on review-card draws attention and adds a visually appealing, modern touch to your review cards.

These changes collectively improve usability, accessibility, and the overall look and feel of your Food Delivery app, making it more attractive and user-friendly.

What changes are included in this PR?

Changes included in this PR:

1. [LoginPopup.jsx] Syntax Fixes & Improvements

  • Ensured correct JSX structure and closing braces.
  • Wrapped input fields inside a <form> with proper [onSubmit] handling.
  • Removed duplicate elements and ensured only one submit button and one condition checkbox.
  • Improved password input with a dynamic checklist for password strength (visible during typing in Sign Up mode).
  • Added Google login button with redirect functionality.
  • Provided clear toggle between Login and Sign Up modes.
  • Used Framer Motion for smooth popup and button animations.

2. UI/UX Enhancements (from previous chat context)

  • Added scroll functionality to review content with hidden scrollbars for a cleaner look.
  • Added avatar zoom effect on hover for interactive feedback.
  • Added neon glow effect to review-card on hover for visual emphasis.

Are these changes tested?

  • Yes, it's working nicely.

Are there any user-facing changes?

Yes, there are user-facing changes:

  • The login/signup popup now displays a password strength checklist during sign up.
  • The Google login button is visible and interactive.
  • The form layout and transitions are improved for a smoother user experience.
  • The toggle between Login and Sign Up is clearer.
  • Error and success messages are shown via toast notifications.

Screenshots

image

@github-actions

Copy link
Copy Markdown

Thanks for creating a PR for your Issue! ☺️

We'll review it as soon as possible.
In the meantime, please double-check the file changes and ensure that all commits are accurate.

If there are any unresolved review comments, feel free to resolve them. 🙌🏼

@Skrishna0703 Skrishna0703 added GSSOC 25 Issues/PRs participating in GirlScript Summer of Code 2025 Level 1 Easy issue - 3 Points (GSSoC'25) labels Sep 26, 2025
@Skrishna0703
Skrishna0703 merged commit 25cde9a into Skrishna0703:main Sep 26, 2025
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

GSSOC 25 Issues/PRs participating in GirlScript Summer of Code 2025 Level 1 Easy issue - 3 Points (GSSoC'25)

Projects

None yet

Development

Successfully merging this pull request may close these issues.

🐞 Bug Report: Review Card Content Overflow + Animation Failure 🐞

2 participants