added comment feature

controllers/comments.js

@@ -0,0 +1,17 @@
+const Comment = require('../models/Comment')
+
+module.exports = {
+    createComment: async (req, res) => {
+        try {
+          await Comment.create({
+            comment: req.body.comment,
+            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);
+        }
+    },
+}

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) => {
@@ -12,7 +13,7 @@ module.exports = {
   },
   getFeed: async (req, res) => {
     try {
-      const posts = await Post.find().sort({ createdAt: "desc" }).lean();
+      const posts = await Post.find().sort({ createdAt: "desc" }).lean(); //sorts posts in feed from newest to oldest
       res.render("feed.ejs", { posts: posts });
     } catch (err) {
       console.log(err);
@@ -21,7 +22,8 @@ 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(); //sorts comments on posts from newest to oldest
+      res.render("post.ejs", { post: post, comments: comments, user: req.user });
     } catch (err) {
       console.log(err);
     }
@@ -50,7 +52,7 @@ module.exports = {
       await Post.findOneAndUpdate(
         { _id: req.params.id },
         {
-          $inc: { likes: 1 },
+          $inc: { likes: 1 },//increases like count by one
         }
       );
       console.log("Likes +1");

middleware/cloudinary.js

@@ -1,7 +1,7 @@
 const cloudinary = require("cloudinary").v2;
 
 require("dotenv").config({ path: "./config/.env" });
-
+//Config for cloudinary account
 cloudinary.config({
   cloud_name: process.env.CLOUD_NAME,
   api_key: process.env.API_KEY,

middleware/multer.js

@@ -1,11 +1,12 @@
 const multer = require("multer");
 const path = require("path");
 
+//code for image upload using multer
 module.exports = multer({
   storage: multer.diskStorage({}),
   fileFilter: (req, file, cb) => {
     let ext = path.extname(file.originalname);
-    if (ext !== ".jpg" && ext !== ".jpeg" && ext !== ".png") {
+    if (ext !== ".jpg" && ext !== ".jpeg" && ext !== ".png") { //prevents use of image filetypes other than .jpg, .jpeg, and .png
       cb(new Error("File type is not supported"), false);
       return;
     }

models/Comment.js

@@ -0,0 +1,22 @@
+const mongoose = require("mongoose")
+
+const CommentSchema = new mongoose.Schema({
+    comment: {
+        type: String,
+        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);

routes/comments.js

@@ -0,0 +1,7 @@
+const express = require("express");
+const router = express.Router();
+const commentController = require("../controllers/comments")
+
+router.post("/createComment/:id", commentController.createComment); //route for creating comments on a post; :id parameter tells DB which post the comment is being added to
+
+module.exports = router;

routes/main.js

@@ -3,7 +3,7 @@ const router = express.Router();
 const authController = require("../controllers/auth");
 const homeController = require("../controllers/home");
 const postsController = require("../controllers/posts");
-const { ensureAuth, ensureGuest } = require("../middleware/auth");
+const { ensureAuth, ensureGuest } = require("../middleware/auth"); //brings in authentication modules 
 
 //Main Routes - simplified for now
 router.get("/", homeController.getIndex);

routes/posts.js

@@ -1,16 +1,16 @@
 const express = require("express");
 const router = express.Router();
-const upload = require("../middleware/multer");
+const upload = require("../middleware/multer"); //brings in multer middleware for uploading multipart/form data
 const postsController = require("../controllers/posts");
 const { ensureAuth, ensureGuest } = require("../middleware/auth");
 
 //Post Routes - simplified for now
-router.get("/:id", ensureAuth, postsController.getPost);
+router.get("/:id", ensureAuth, postsController.getPost); //gets post that is specified in query parameters
 
-router.post("/createPost", upload.single("file"), postsController.createPost);
+router.post("/createPost", upload.single("file"), postsController.createPost); //uses multer middleware to upload img with request
 
-router.put("/likePost/:id", postsController.likePost);
+router.put("/likePost/:id", postsController.likePost); //adds like to post specified in query parameter
 
-router.delete("/deletePost/:id", postsController.deletePost);
+router.delete("/deletePost/:id", postsController.deletePost); //deletes post specified in query parameter
 
 module.exports = router;

server.js

@@ -1,15 +1,16 @@
 const express = require("express");
 const app = express();
-const mongoose = require("mongoose");
-const passport = require("passport");
-const session = require("express-session");
-const MongoStore = require("connect-mongo")(session);
-const methodOverride = require("method-override");
-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 mongoose = require("mongoose"); //used for creating Models and managing Mongo data
+const passport = require("passport"); //requires passport middleware for handling authentication
+const session = require("express-session"); //requires sessions 
+const MongoStore = require("connect-mongo")(session); //handles sessions and cookies
+const methodOverride = require("method-override"); //use forms for put / delete requests
+const flash = require("express-flash"); // sends error flash messages to client (e.g. when username is entered incorrectly)
+const logger = require("morgan"); //logs http requests
+const connectDB = require("./config/database"); // for connecting to DB
+const mainRoutes = require("./routes/main"); //connects to main routes file
+const postRoutes = require("./routes/posts"); //connects to post routes file
+const commentRoutes = require("./routes/comments") //connects to comments routes file
 
 //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/partials/footer.ejs

@@ -1,3 +1,4 @@
     <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-JEW9xMcG8R+pH31jmWH6WWP0WintQrMb4s7ZOdauHnUtxwoG2vI5DkLtS3qm9Ekf" crossorigin="anonymous"></script>   
 </body>
-</html>
+</html>
+<!-- Full footer that can be added as a single line of code to each EJS file -->

views/partials/header.ejs

@@ -34,3 +34,4 @@
     </header>
   </body>
 </html>
+<!-- Full header that can be added as a single line of code to each EJS file -->

views/post.ejs

@@ -27,6 +27,28 @@
     <div class="col-3 mt-5">
       <p><%= post.caption %></p>
     </div>
+    <div class="col-6">
+      <ul>
+      <% for(var i=0; i<comments.length; i++) {%>
+        <li class="col-6 justify-content-between mt-5">
+          <span><%= comments[i].comment %></span>
+        </li>
+      <% } %>
+      </ul>
+      <div class="row justify-content-center mt-5">
+        <a class="btn btn-primary" href="/feed">Return to Feed</a>
+      </div>  
+    </div>
+    <div class="mt-5">
+      <h2>Add a comment</h2>
+      <form action="/comments/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 type="submit" class="btn btn-primary">Submit</button>
+      </form>
+    </div>
     <div class="col-6 mt-5">
       <a class="btn btn-primary" href="/profile">Return to Profile</a>
       <a class="btn btn-primary" href="/feed">Return to Feed</a>