Checkout pagina

.gitignore

@@ -0,0 +1 @@
+node_modules

.prettierignore

@@ -0,0 +1,2 @@
+head.ejs
+index.ejs

index.js

@@ -0,0 +1,71 @@
+import express from "express";
+
+// de basis url van de api
+const url = "https://api.vinimini.fdnd.nl/api/v1";
+
+// maak een nieuwe express app
+const server = express();
+
+// Stel het poortnummer in
+server.set("port", process.env.PORT || 8000);
+
+// Stel de view engine in
+server.set("view engine", "ejs");
+server.set("views", "./views");
+
+// Stel de public map in
+server.use(express.static("public"));
+
+// Maak een route voor de index /categories
+server.get("/", (request, response) => {
+    const categoriesUrl = url + `/categories`;
+
+    fetchJson(categoriesUrl).then((data) => {
+        response.render("index", data);
+    });
+});
+
+// test route voor test pagina roelie producten
+server.get("/pinda-ei", async (request, response) => {
+    const query = request.query.categorieId;
+
+    const productenUrl = url + `/producten?categorieId=${query}`;
+
+    await fetchJson(productenUrl).then((data) => {
+        response.render("pinda-ei", { data: data });
+    });
+});
+
+// Route voor de producten pagina
+server.get("/product-pagina", async (request, response) => {
+    const query = request.query.id;
+
+    const productenUrl = url + `/product?id=${query}`;
+
+    await fetchJson(productenUrl).then((data) => {
+        response.render("product-pagina", { data: data });
+    });
+});
+
+// Route voor de checkout pagina
+server.get("/checkout", async (request, response) => {
+    const query = request.query.id;
+
+    const productenUrl = url + `/product?id=${query}`;
+
+    await fetchJson(productenUrl).then((data) => {
+        response.render("checkout", { data: data });
+    });
+});
+
+// definieer de fetchJson functie
+async function fetchJson(url) {
+    return await fetch(url)
+        .then((response) => response.json())
+        .catch((error) => error);
+}
+
+// Start met luisteren
+server.listen(server.get("port"), () => {
+    console.log(`Application started on http://localhost:${server.get("port")}`);
+});