Added user comments with like functionality

controllers/comments.js

@@ -0,0 +1,32 @@
+const Comment = require("../models/Comment");
+
+module.exports = {
+  createComment: async (req, res) => {
+    try {
+      await Comment.create({
+        comment: req.body.comment,
+        likes: 0,
+        user: req.user.id,
+        post: req.params.id,
+      });
+      console.log("Comment has been added!");
+      res.redirect(`/post/${req.params.id}`);
+    } catch (err) {
+      console.log(err);
+    }
+  },
+  likeComment: async (req, res) => {
+    try {
+      await Comment.findOneAndUpdate(
+        { _id: req.params.commentid },
+        {
+          $inc: { likes: 1 },
+        }
+      );
+      console.log("Likes +1");
+      res.redirect(`/post/${req.params.postid}`);
+    } catch (err) {
+      console.log(err);
+    }
+  },
+};

controllers/posts.js

@@ -1,5 +1,6 @@
 const cloudinary = require("../middleware/cloudinary");
 const Post = require("../models/Post");
+const Comment = require("../models/Comment");
 
 module.exports = {
   getProfile: async (req, res) => {
@@ -21,7 +22,11 @@ module.exports = {
   getPost: async (req, res) => {
     try {
       const post = await Post.findById(req.params.id);
-      res.render("post.ejs", { post: post, user: req.user });
+      const comments = await Comment
+        .find({post: req.params.id})
+        .sort({createdAt: "desc"})
+        .lean();
+      res.render("post.ejs", { post: post, user: req.user, comments: comments });
     } catch (err) {
       console.log(err);
     }

models/Comment.js

@@ -0,0 +1,26 @@
+const mongoose = require("mongoose");
+
+const CommentSchema = new mongoose.Schema({
+  comment: {
+    type: String,
+    required: true,
+  },
+  likes: {
+    type: Number,
+    required: true,
+  },
+  user: {
+    type: mongoose.Schema.Types.ObjectId,
+    ref: "User",
+  },
+  createdAt: {
+    type: Date,
+    default: Date.now,
+  },
+  post: {
+    type: mongoose.Schema.Types.ObjectId,
+    ref: "Post",
+  }
+});
+
+module.exports = mongoose.model("Comment", CommentSchema);

package.json

@@ -13,7 +13,7 @@
     "bcrypt": "^5.0.1",
     "cloudinary": "^1.25.1",
     "connect-mongo": "^3.2.0",
-    "dotenv": "^8.2.0",
+    "dotenv": "^8.6.0",
     "ejs": "^3.1.6",
     "express": "^4.17.1",
     "express-flash": "^0.0.2",

routes/comments.js

@@ -0,0 +1,10 @@
+const express = require("express");
+const router = express.Router();
+const commentsController = require("../controllers/comments");
+const { ensureAuth, ensureGuest } = require("../middleware/auth");
+
+//Comment Routes - simplified for now
+router.post("/createComment/:id", commentsController.createComment);
+router.put("/likeComment/:postid/:commentid", commentsController.likeComment);
+
+module.exports = router;

server.js

@@ -9,7 +9,8 @@ const flash = require("express-flash");
 const logger = require("morgan");
 const connectDB = require("./config/database");
 const mainRoutes = require("./routes/main");
-const postRoutes = require("./routes/posts");
+const postRoutes = require("./routes/posts")
+const commentRoutes = require("./routes/comments")
 
 //Use .env file in config folder
 require("dotenv").config({ path: "./config/.env" });
@@ -56,6 +57,7 @@ app.use(flash());
 //Setup Routes For Which The Server Is Listening
 app.use("/", mainRoutes);
 app.use("/post", postRoutes);
+app.use("/comment", commentRoutes);
 
 //Server Running
 app.listen(process.env.PORT, () => {

views/post.ejs

@@ -5,7 +5,7 @@
       <h2><%= post.title %></h2>
       <img class="img-fluid" src="<%= post.image%>" />
       <div class="row justify-content-between">
-        <form
+        <form 
           class="col-1"
           action="/post/likePost/<%= post.id %>?_method=PUT"
           method="POST"
@@ -23,8 +23,35 @@
         </form>
         <%}%>
       </div>
+      <div>
+        <h2> Add a Comment</h2>
+        <form action="/comment/createComment/<%=post._id %>" method="POST">
+          <div class="mb-3">
+              <label for ="comment" class="form-label">Comment</label>
+              <input type ="text" class="form-control" id="comment" name="comment">
+          </div>
+          <button class="btn btn-primary" type="submit">comment</button>
+        </form>
+      </div>
+      <ul>
+        <% for(let i=0; i<comments.length; i++) {%>
+          <li class="col-6 justify-content-between mt-5">
+            <strong>User <%=comments[i].user%></strong>
+            <%=comments[i].comment%>
+            <%=comments[i].likes%>
+            <form
+              class="col-1"
+              action="/comment/likeComment/<%=post._id%>/<%=comments[i]._id%>?_method=PUT"
+              method="POST"
+            >
+              <button class="btn btn-primary fa fa-heart" type="submit"></button>
+            </form>
+          </li>
+        <% } %>
+      </ul>
     </div>
     <div class="col-3 mt-5">
+      <p><strong>User:</strong> <%= post.user%></p>
       <p><%= post.caption %></p>
     </div>
     <div class="col-6 mt-5">