Vintage Goods Shopping Page

Creating a shopping cart using TypeScript & React. Also using routings, and bootstrap.

Shopping Page (empty)

This screenshot shows the shopping page section.

Shopping Page (One in shopping cart)

This screenshot shows the shopping cart with one item in the basket.

Shopping page showing cart basket.

This screenshot shows the item in the cart. It also displays the total amount of the product.

Shopping Page (Five in shopping cart)

This screenshot shows the shopping cart with five item in the basket.

Shopping page showing cart basket.

This screenshot shows the shopping cart with five item in the basket. It also displays the total amount of the products listed and how many items they have selected.

Home page (Shopping cart icon follows with you.)

This example shows the shopping cart basket icon displayed on the home page.

About page (Shopping cart icon follows with you.)

This example shows the shopping cart basket icon displayed on the about page.

Home page section

This example shows the side section displayed on the home page. It lists all the products and the total price that have been selected.

About page section

This example shows the side section displayed on the about page. It lists all the products and the total price that have been selected.