shopping cart items

Question

Hi Team

I have a button and want to make it functional so items added can be viewed? When view it can be redirected to checkout page?

// html code

<div class="col-lg-3 col-6 text-right">
                <a  class="btn border">
                    <i class="fas fa-heart text-primary"></i>
                    <span class="badge">0</span>
                </a>
                <a  class="btn border">
                    <i class="fas fa-shopping-cart text-primary"></i>
                    <span class="badge">0</span>
                </a>
            </div>


// add to cart button

 <div class="card-footer d-flex justify-content-between bg-light border">

                                <a  class="btn btn-sm text-dark p-0"><i class="fas fa-shopping-cart text-primary mr-1"></i>Add To Cart</a>
             

               </div>

// jquery code
-- how to implement this?

// php code
-- how to implement this?