✨[feature Request]: A Confirmation PopUp After Adding Item to Cart

[rajveeerr]

Is there an existing issue for this?

• I have searched the existing issues

Feature Description

Currently, when users add an item to the cart, there is just the text above the item which is not very visible. This can lead to confusion as users might keep adding items without knowing if they've already added them.

Expected Behavior: After adding an item to the cart, a modal should appear saying "Item added to cart successfully." This provides immediate feedback and improves the user experience.

Proposed Solution:

Add a modal that appears briefly (e.g., 2-3 seconds) after an item is added to the cart.
The modal should include:
A message: "Item added to cart successfully."
Optionally, a button to "View Cart" for direct navigation to the cart page.
Consider animations or fading effects for a smooth appearance/disappearance of the modal.

Use Case

Shopping Spree: A user adds multiple items to the cart in quick succession. The modal confirmation helps them keep track of what has been added without needing to check the cart constantly.
New Users: First-time users are unfamiliar with the interface and may be unsure if their action of adding an item was successful. The confirmation helps to reassure them.
Inconsistent Network: If there is any delay due to a slow network, the modal can appear once the item is successfully added, preventing users from adding the same item multiple times.

Benefits

Prevents users from adding duplicate items due to lack of feedback.
Enhances user experience by providing immediate confirmation.
Additional Notes: Please ensure the modal is styled to match the application's design and does not disrupt the browsing flow.

Add ScreenShots

Priority

High

Record

• I have read the Contributing Guidelines
• I'm a GSSOC'24EXTD contributor
• I have starred the repository

[github-actions]

Hi there! Thanks for opening this issue @rajveeerr!. We appreciate your contribution to this open-source project. We aim to respond or assign your issue as soon as possible.