Building an E-Commerce Store - Adding a Checkout Chapter 11

We can now proceed with building our Checkout process. The product display in the

basket is more complicated than the Checkout and Order Confirmation screens so,
unusually, we'll work backward. Starting with the Order Confirmation page and moving

to the Checkout page, adding more complexity before we head to the basket, adding the

ability to exit the products.

Order Confirmation screen

The Order Confirmation screen is one that is shown once the order is complete. This
confirms the items purchased and may include the expected delivery date.

Create a template within the OrderConfirmation.js file with a

and some relevant

content relating to the order being complete:

const OrderConfirmation = {

name: 'OrderConfirmation',

template: `<div>

<h1>Order Complete!</h1>

<p>Thanks for shopping with us - you can expect your products within 2

• 3 working days