Now adding front end

Mehulcoder · Mehulcoder · commit 509bea305447 · 2020-04-05T21:26:53.000+05:30
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -21,9 +21,11 @@
   },
   "dependencies": {
     "bcryptjs": "^2.4.3",
+    "ejs": "^3.0.2",
     "express": "^4.17.1",
     "mongoose": "^5.9.7",
     "multer": "^1.4.2",
+    "path": "^0.12.7",
     "sharp": "^0.25.2",
     "validator": "^13.0.0"
   }
diff --git a/public/index.html b/public/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Sign Up</title>
+</head>
+<body>
+    <a href="/maker">Maker</a>
+</body>
+</html>
diff --git a/src/index.js b/src/index.js
@@ -3,13 +3,20 @@ var mongoose = require('mongoose');
 var bcrypt = require('bcryptjs');
 var multer = require('multer');
 var routers = require('./routers/users');
+var path = require('path');
 require('./db/mongoose');
 
 var app = express();
 var port = 3000 || process.env.PORT;
 
+var publicDirectoryPath = path.join(__dirname,'../public');
+console.log(publicDirectoryPath)
+app.use(express.static(publicDirectoryPath));
+
 app.use(express.json());
 app.use(routers);
+app.set('views', '../views')
+app.set("view engine", "ejs");
 
 app.listen(port, () => {
     console.log("Server is on port " + port);
diff --git a/src/routers/users.js b/src/routers/users.js
@@ -6,6 +6,14 @@ var Designer = require("../models/designer");
 var Maker = require('../models/maker');
 var DesignerMaker = require('../models/designerMaker');
 
+//
+// ─── FORM ROUTE ─────────────────────────────────────────────────────────────────
+//
+
+router.get('/maker', (req, res) => {
+    res.render('maker.ejs')
+})
+
 //
 // ─── VIEW ROUTE ─────────────────────────────────────────────────────────────────
 //
diff --git a/views/designer.ejs b/views/designer.ejs
diff --git a/views/maker.ejs b/views/maker.ejs
@@ -0,0 +1 @@
+<h1>Hello this is the maker form</h1>
