express-handlebars config

.gitignore

@@ -0,0 +1,2 @@
+/node_modules
+package-lock.json

README.md

@@ -1 +1,28 @@
-# vidjot
+# vidjot
+
+### init git repository
+
+### project dependencies
+
+```
+1. npm install -g nodemon (auto restart server)
+2. npm install --save express
+3. npm install --save express-handlebar (template engine)
+```
+
+### Create Handlebar
+
+```
+1. Create Middleware
+const exphbs = require("express-handlebars");
+
+// express handlebar middleware
+app.engine("handlebars", exphbs({ defaultLayout: "main" }));
+app.set("view engine", "handlebars");
+
+2. Create Views Folder
+- views/index.handlebars (Index Section View)
+- views/about.handlebars (About Section View)
+- views/layouts/main.handlebars (HTML Body View)
+- views/partials/_navbar.handlebars (Partial Body / Navgiation Bar)
+```

app.js

@@ -0,0 +1,21 @@
+const express = require("express");
+const exphbs = require("express-handlebars");
+const app = express();
+
+// express handlebar middleware
+app.engine("handlebars", exphbs({ defaultLayout: "main" }));
+app.set("view engine", "handlebars");
+
+// Index route
+app.get("/", (req, res) => {
+  const title = "Vidjot Title";
+  res.render("index", { title });
+});
+
+// About route
+app.get("/about", (req, res) => {
+  res.render("about");
+});
+
+const port = 5000;
+app.listen(port, () => console.log(`Server running on port ${port}`));