(feat) Day 23 - Added the promise example

tapascript · Pishon-P · Feb 18, 2025 · Feb 20, 2025 · Feb 23, 2025 · Feb 23, 2025
commit 47c3d32af10feb510e01ab245bb281a929d5efd6
diff --git a/day-23/index.html b/day-23/index.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Promise - PizzaHub</title>
+    <script defer src="./lib/query.js"></script>
+    <script defer src="./index.js"></script>
+</head>
+<body>
+    <div>
+        <h1>PizzaHub - Order Here</h1>
+        <p id="store"></p>
+        <p id="order-details"></p>
+        <p id="add-on"></p>
+        <p id="order"></p>
+    </div>
+</body>
+</html>
diff --git a/day-23/index.js b/day-23/index.js
@@ -0,0 +1,57 @@
+// Returns a shop id
+let getShopIds = () => {
+    const url = `api/pizzahub`;
+    return query(url);
+};
+
+// Returns a promise with pizza list for a shop
+let getPizzaList = (shopId) => {
+    const url = `api/pizzahub/pizzas/${shopId}`;
+    return query(url);
+};
+
+// Returns a promise with pizza that matches the customer request
+let getMyPizzaWithAddOn = (pizzas, type, name) => {
+    let myPizza = pizzas.find((pizza) => {
+        return pizza.type === type && pizza.name === name;
+    });
+    const url = `api/pizzahub/beverages/${myPizza.id}`;
+    return query(url);
+};
+
+// Returns a promise after Placing the order
+let performOrder = (result) => {
+    return query(`api/order`, {
+        method: "POST",
+        headers: {
+            "Content-Type": "application/json",
+        },
+        body: JSON.stringify({
+            pizzaId: result.pizzaId,
+            beverageId: result.id,
+        }),
+    });
+};
+
+// Confirm the order
+let confirmOrder = (type, name, createdAt) => {
+    console.log(
+        `Your order of ${type} ${name} has been placed at ${new Date(
+            createdAt
+        )}!`
+    );
+};
+
+function orderPizza(type, name) {
+    getShopIds()
+        .then((shopIds) => getPizzaList(shopIds[0]))
+        .then((pizzas) => getMyPizzaWithAddOn(pizzas, type, name))
+        .then((pizzaWithAddOns) => performOrder(pizzaWithAddOns[0]))
+        .then((order) => confirmOrder(type, name, order.createdAt))
+        .catch(function (error) {
+            console.log(`Bad luck, No Pizza for you today!`);
+        });
+}
+
+// Call the orderPizza method
+orderPizza("veg", "Margherita");
diff --git a/day-23/lib/query.js b/day-23/lib/query.js
@@ -0,0 +1,10 @@
+function query(endpoint, options) {
+    return fetch(`http://localhost:3000/${endpoint}`, options).then(
+        (response) => {
+            if (!response.ok) {
+                throw new Error(`HTTP error ${response.status}`);
+            }
+            return response.json();
+        }
+    );
+}