Issue #61 Implemented "Proceed to Checkout" Flow and "Payment UI"

[Blessy-B-Sherin]

Pull Request Format

Collect Your Gaming Tools

Issue #61: Implement "Proceed to Checkout" Flow and "Payment UI" 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 implement the "Proceed to Checkout" flow and a comprehensive "Payment UI." This enhancement allows users to seamlessly complete their purchases after adding items to their cart, significantly improving the user experience.

Screenshots / Videos (if applicable)

Before:

• Users could add items to their cart but had no option to proceed to checkout.

After:

• Users can now click the "Proceed to Checkout" button, leading them to a checkout page that summarizes their cart items and allows them to modify quantities or remove items.

collect.your.gaming.tools.mp4

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

This implementation includes:

• A "Proceed to Checkout" button added to the cart button.
• A checkout page displaying a summary of products with options to modify quantities or remove items.
• A payment UI that allows users to enter payment details with multiple payment options (credit card, PayPal, etc.).
• A responsive and user-friendly design for the payment process.

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 4, 2024 9:17pm