18r Solution

[SuperSimpleDev]

No description provided.

[aliffashraff]

Hi ! I have questions about the paypal payment method part. May i know hoe do you redirect to the third party such as paypal/

[antaugustol]

One extra featured that I find useful:
The amazon header is repeated in amazon.html, checkout.html and tracking.html so, I decided to extract it to its own module.
Note: the event listeners for the search bar/button must be placed in the header module.

// using cart-class.js oop
import { cart } from '../data/cart-class.js'
import { products, loadProductsFetch } from '../data/products.js'
import { renderAmazonHeader, displayCartQuantity } from './partials/header.js'

renderAmazonHeader()
loadPage()

// loading products from backend https://supersimplebackend.dev/products
async function loadPage() {
  await loadProductsFetch().catch(() => alert('error'))
  renderProductsGrid()
}