Merge pull request Open-Source-Chandigarh#95 from Ani1702/issue-48-fix

Resolved issue Open-Source-Chandigarh#48: Added a custom error page
sahithi000 · May 15, 2024 · baf4248 · baf4248
2 parents 3a8b000 + b60e59f
commit baf4248
Show file tree

Hide file tree

Showing 5 changed files with 31 additions and 1 deletion.
diff --git a/.DS_Store b/.DS_Store
diff --git a/.gitignore b/.gitignore
@@ -1,2 +1,3 @@
 .env
+./DS_Store
 node_modules/
diff --git a/app.js b/app.js
@@ -2,6 +2,7 @@ const express = require("express")
 const bodyParser = require("body-parser")
 const axios = require("axios")
 const sgMail = require("@sendgrid/mail")
+const ExpressError=require("./utils/ExpressError.js")
 
 require("dotenv").config()
 
@@ -84,4 +85,13 @@ app.post("/result",async (req,res)=>{
 
 app.listen(process.env.PORT || 3000,function(){
   console.log("Server Started Sucessfully")
-})
+})
+
+app.all("*",(req,res,next)=>{
+  next(new ExpressError(404,"Page not found!"));
+});
+
+app.use((err,req,res,next)=>{
+  let {statusCode=500,message="Something Went Wrong"}=err;
+  res.render("customError.ejs",{message});
+});
diff --git a/utils/ExpressError.js b/utils/ExpressError.js
@@ -0,0 +1,7 @@
+module.exports=class ExpressError extends Error{
+    constructor(statusCode,message){
+        super();
+        this.statusCode=statusCode;
+        this.message=message;
+    }
+}
diff --git a/views/customError.ejs b/views/customError.ejs
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Invalid</title>
+</head>
+<body>
+<h3 style="font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; color: red;"><%= message %></h3>    
+<a href="/"><button>Home</button></a>
+</body>
+</html>