tutorial complete

Author: Dovakiin0

app.js

@@ -20,7 +20,11 @@ app.use(
 app.get("/", (req, res) => {
   // Getting getAll function from the client
   client.getAll({}, (err, response) => {
-    res.render("home", { details: response.message });
+    if (!err) {
+      res.render("home", { details: response.message });
+    } else {
+      console.log(err.details);
+    }
   });
 });
 
@@ -30,11 +34,16 @@ app.get("/:id", (req, res) => {
     this getDetails takes a id as parameter as we defined in the proto file then gives out a response needed.
   */
   client.getDetails({ id: req.params.id }, (err, response) => {
-    res.render("details", { details: response.message });
+    if (!err) {
+      res.render("details", { details: response.message });
+    } else {
+      console.log(err.details);
+    }
   });
 });
 
 const PORT = process.env.PORT || 3000;
+
 app.listen(PORT, () => {
-  console.log("Running on port " + PORT);
+  console.log(`Process ${process.pid} Running on port ` + PORT);
 });

views/details.pug

@@ -5,9 +5,15 @@ html(lang="en")
         meta(name="viewport", content="width=device-width, initial-scale=1.0")
         title Details
     body
-        h3 email: 
-            email= details.email
-        h3 first Name: 
-            fname= details.firstName
-        h3 last Name: 
-            lname= details.lastName
+        table(style="border:1px solid black; width:50%")
+            tr
+                th email 
+                th first Name 
+                th last Name 
+            tr
+                td 
+                    fname= details.firstName
+                td 
+                    lname= details.lastName
+                td 
+                    email= details.email

views/home.css

@@ -5,11 +5,17 @@ html(lang="en")
         meta(name="viewport", content="width=device-width, initial-scale=1.0")
         title Document
     body
-        each val in details
-            h3 email: 
-                email= val.email
-            h3 first Name: 
-                fname= val.firstName
-            h3 last Name: 
-                lname= val.lastName
+        table(style="border:1px solid black; width:50%")
+            tr
+                th email 
+                th first Name 
+                th last Name 
+            each val in details
+                tr
+                    td 
+                        fname= val.firstName
+                    td 
+                        lname= val.lastName
+                    td 
+                        email= val.email