const server = http.createServer(function (req, res) {
  const reqUrl = url.parse(req.url, true)

  if (reqUrl.pathname === "/" || reqUrl.pathname === "/index") {
    res.writeHead(200, { "Content-type": "text/html" })

    const cardsHtml = dataObj.map((data) => replaceTemplate(data, cardTemplate))
    const output = indexTemplate.replace("{PRODUCT_CARDS}", cardsHtml)
    res.end(output)
  }
})

server.listen(5000, "localhost", function () {
  console.log("Listening to requests on port 5000")
})

const indexTemplate = fs.readFileSync("./src/index.html", "UTF-8")
const cardTemplate = fs.readFileSync("./src/card.html", "UTF-8")
const productTemplate = fs.readFileSync("./src/product.html", "UTF-8")

const output = indexTemplate.replace("{PRODUCT_CARDS}", cardsHtml)
res.end(output)