.....

.gitignore

@@ -0,0 +1,5 @@
+# Dependency directories
+node_modules/
+
+# MacOS files
+.DS_Store

app.js

@@ -36,15 +36,19 @@ app.get('/projects/:id', (req, res) => {
 */
 // 404 Handler
 app.use((req, res, next) => {
-    const err = new Error('Not Found');
+    const err = new Error('Sorry this Page is Not Found');
     err.status = 404;
+    res.render('error');
     next(err);
   });
   // Global Error Handler
   app.use((err, req, res, next) => {
+
+    console.log(`Error Status: ${err.status || 500}`);
+  console.log(`Error Message: ${err.message}`);
     res.status(err.status|| 500);
-    res.render('error',{
-     message: err.message,
+    res.render('page not found',{
+     message: "Oops Unfortunately We are unable to locate this page!!!",
      error: {}
     });
   });

package.json

@@ -1,7 +1,7 @@
 {
   "name": "project",
   "version": "1.0.0",
-  "main": "index.js",
+  "main": "app.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
   },

views/error.pug

@@ -1,7 +1,14 @@
-doctype html
-html
-  head
-    title Error
-  body
-    h1 Error #{status}
-    p #{message}
+extend layout
+
+block content 
+
+
+  h1 Error #{status}
+  p #{message}
+
+
+  if status !== 404 && error.stack
+    pre #{error.stack}
+
+
+  a(href='/') Back to Home

views/page not found.pug

@@ -0,0 +1,10 @@
+extend layout
+
+block content
+
+
+  h1 Error #{status}: #{message}
+  p The page you are looking for does not exist.
+
+
+  a(href='/') Back to Home