Added Quantity Input Validation to Cart Page | SSOC'25 Contribution

[patilj735]

🛠️ What I Did

• Implemented client-side validation on the quantity input field in Cart.tsx.
• Only positive integers are allowed as input.
• Displayed inline error messages for invalid input (e.g., negative numbers, text, or zero).
• Disabled the "Add to Cart" button when the input is invalid.

🧪 How to Test

• Enter a valid quantity (e.g., 1, 2) → ✅ Button is enabled.
• Enter a negative number or non-numeric value (e.g., -1, abc) → ❌ Error message shown, button disabled.

📌 Note

• This component is currently not connected to the app's main navigation.
• For testing purposes, I rendered it directly in App.tsx. I can help integrate routing in a future PR if needed.

🔗 Related To

• Issue: Lack of Quantity Input Validation on Product Page #176
• Event: SSOC 2025 Contribution

---

Please review the changes and let me know if any improvements are required 😊

[vercel]

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

Name	Status	Preview	Comments	Updated (UTC)
style-cart	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jul 3, 2025 9:08am

[github-actions]

Great job, @patilj735! 🎉 Thank you for submitting your pull request for Style Cart. Our dedicated team will review it diligently.Your contribution is valuable and we appreciate your efforts to improve our project.