Day 14 Beginner
Challenge 14 of 100
Shopping List
As an online shopper, I want an intuitive and detailed shopping cart interface that clearly lists the products I intend to purchase, provides a breakdown of costs, and offers an easy checkout process, so that I can confidently complete my purchase with minimal effort.
Acceptance Criteria
- ✓ The interface must display a product list with titles, images, and prices for each item.
- ✓ Each product has options to increase, decrease, or remove items directly within the cart.
- ✓ A summary panel clearly displays the subtotal, taxes, shipping costs (if any), and total amount.
- ✓ The total number of items in the cart is visible at the top of the product list.
- ✓ A prominent 'Pay now' button is provided in the order summary for easy checkout.
- ✓ An input field for applying a promo code is available, allowing users to apply discounts before finalizing the purchase.
- ✓ The cart layout must be responsive, ensuring that it is accessible and functional on both desktop and mobile devices.
100 Days of Code Progress Day 14 / 100
Take this challenge
Start your 7-day free trial to solve this challenge in our built-in code editor with live preview.
Start 7-Day Free Trial to Solve This Challenge