Source Code

1// Add to cart functionality
2async function addToCart(productId, quantity) {
3  const response = await fetch('/api/cart', {
4    method: 'POST',
5    headers: { 'Content-Type': 'application/json' },
6    body: JSON.stringify({ productId, quantity }),
7  });
8  const data = await response.json();
9  updateCartBadge(data.totalItems);
10  showToast('Added to cart!');
11}

<div class="product-card">
  <img src="/images/product.jpg" alt="Handcrafted Vase" />
  <h3>Handcrafted Ceramic Vase</h3>
  <p class="price">₹1,299</p>
  <button class="add-to-cart">Add to Cart</button>
</div>