Made the website with read more anchor tag going to the desired post

app.js

@@ -4,6 +4,7 @@ const express = require("express");
 const bodyParser = require("body-parser");
 const ejs = require("ejs");
 const _ = require("lodash");
+const { request } = require("express");
 
 let postArray = [];
 
@@ -54,13 +55,16 @@ app.post("/compose", function (req, res) {
 });
 
 app.get("/posts/:routeID", function (req, res) {
-  const lowerCaseID = _.lowerCase(req.params.routeID);
-  for (i = 0; i < postArray.length; i++) {
 
+  for (i = 0; i < postArray.length; i++) {
+    let lowerCaseID = _.lowerCase(req.params.routeID);
     let lowerCaseTitle = _.lowerCase(postArray[i].title);
 
     if (lowerCaseID === lowerCaseTitle) {
-      console.log("match found");
+      res.render("post", {
+        title: postArray[i].title,
+        des: (postArray[i].content),
+      })
     } else {
       console.log("no match");
     }

views/home.ejs

@@ -23,8 +23,11 @@
             <%= post.title %>
         </h1>
         <p>
-            <%= post.content %>
+            <%= post.content.substring(0, 100) + "..." %>
+
+                <a href="/posts/<%=post.title%>">Read More</a>
         </p>
+
         <% }); %>
 
 

views/post.ejs

@@ -0,0 +1,16 @@
+<%- include("partials/header" ); -%>
+
+    <h1>
+        <%= title %>
+    </h1>
+    <p>
+        <%= des %>
+    </p>
+
+
+
+
+
+
+
+    <%- include("partials/footer" ); -%>