mohitparmar1 / Shopy

https://shopy-mohitparmar1s-projects.vercel.app/
37 stars 70 forks source link

PR:#235 Added Payment.jsx & fixed styling issues in cart #256

Closed siddheshhr closed 2 weeks ago

siddheshhr commented 2 weeks ago

ISSUE:https://github.com/mohitparmar1/Shopy/issues/234 Enhancement+Bug see #235 created a new pr to fix conflicts I'm excited to add a significant improvement to the user checkout experience: a streamlined multi-page checkout flow with mock payment functionality. This addresses the previous limitation where checkout and payment details were combined on a single page

1.) Key Enhancements:

Separated Checkout Process: Introduced a "Proceed to Checkout" button, gracefully transitioning users from the cart to a dedicated payment page (Payment.jsx).

Mock Payment Form: Implemented Payment.jsx as a user-friendly form for entering mock payment card details (non-functional validation). Fields include: Cardholder Name Card Number (16 digits) Expiration Date (MM/YY format) CVV (3-digit code)

Seamless Navigation: Upon form submission in Payment.jsx, the user is directed to a Success.jsx page displaying a confirmation message ("Thank you, your order has been placed!").

-Styling issue:Also fixed the styling issue of the select option which was not properly being displayed have fixed the css styling and gave it proper spacing

image

image

image

vercel[bot] commented 2 weeks ago

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

Name Status Preview Comments Updated (UTC)
shopy-frontend ✅ Ready (Inspect) Visit Preview 💬 Add feedback Jun 9, 2024 7:02pm
siddheshhr commented 2 weeks ago

@mohitparmar1 pls check this pr i have resolved the conflict once .old pr #235

siddheshhr commented 2 weeks ago

@mohitparmar1 as requested by you i have made a seprate pr to resolve the conflicts pls merge this pr dont want to again resolve conflicts if possible