50% off all plans with SPRING50
Day 14: Shopping List
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.
View on GitHub
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

Nearby Challenges