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()
}

[P0L20]

Another feature that I add was making the paymentSummary sticky , so even though you have multiple products in your cart you can still have access/see your payment summary :>

[CreatorsHiring]

nice idea

[CreatorsHiring]

it is making my orders.html broken it becomes empty , i got it i should have kept reset cart in try{ } below addOrder

[DenisDavinci]

I added a feature where if you search for sth not in the keywords or name, it tells you The search doesn't match any products and takes you back to amazon.html

[ibrahimmoalim]

very nice

[Flint15]

Congratulations to everyone who made it this far, you've made a good progress and work. Be proud of yourself and never stop learning).