Issue #56: FEATURE: Implement "Add to Cart" Functionality for Existing Cart Option solved

[Anwishta]

Issue #56 : IFEATURE: Implement "Add to Cart" Functionality for Existing Cart Option solved

Type of PR

• Add X in the box to specify the improvement type.
• Bug fix
• Feature enhancement
• Documentation update
• Other (specify): ___________

Description

This pull request aims to add a new feature "Cart" to the existing code base. The Cart functionality allows users to add items to their cart, enhancing the user experience by enabling them to view and manage their selected items before checkout.

Screenshots / Videos (if applicable)

Before:

• The "Add to Cart" and "Buy now" button did not show any cart functionality, leaving users without a clear way to manage their selected items. A checkout button has also been added.

After:

• The "Add to Cart" and "Buy now" button now triggers a new page that displays the number of items added. Users can click the cart icon to view the contents, remove items making the shopping experience more intuitive and user-friendly.

Screenshot:

Checklist

• Add X in the box to specify.
• I have performed a self-review of my code.
• I have tested the changes thoroughly before submitting this pull request.
• I have provided relevant issue numbers, screenshots, and videos after making the changes.
• I have commented my code, particularly in hard-to-understand areas.

Additional Context

The implementation of the Cart feature required integrating JavaScript functions to manage the cart state and dynamically update the UI. I faced challenges with ensuring that the cart updates correctly when items are added or removed, but these were resolved by utilizing local storage for persistence and clear function definitions for adding, removing, and displaying items. Moreover I had to integrate code within the existing code for triggering the new page without changing its styling.

Thank you for reviewing my pull request!

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
collect-your-gaming-tools	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 9, 2024 4:49am

[AnitSarkar123]

@Anwishta can you give a checkout button bellow the total price and also when someone click on the buy now button then it also add in the cart

[Anwishta]

ok

[swaraj-das]

@Anwishta Merge conflicts. Please resolve it.

[Anwishta]

@swaraj-das I've resolved the merge conflicts. Please check it