Comments added to individual posts

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,
+        likes: 0,
+        post: req.params.id,
+      });
+      console.log('Comment has been added!');
+      res.redirect('/comment/' + req.params.id);
+    } catch (err) {
+      console.log(err);
+    }
+  },
+};

controllers/posts.js

@@ -1,27 +1,35 @@
-const cloudinary = require("../middleware/cloudinary");
-const Post = require("../models/Post");
+const cloudinary = require('../middleware/cloudinary');
+const Post = require('../models/Post');
+const Comment = require('../models/Comments');
 
 module.exports = {
   getProfile: async (req, res) => {
     try {
       const posts = await Post.find({ user: req.user.id });
-      res.render("profile.ejs", { posts: posts, user: req.user });
+      res.render('profile.ejs', { posts: posts, user: req.user });
     } catch (err) {
       console.log(err);
     }
   },
   getFeed: async (req, res) => {
     try {
-      const posts = await Post.find().sort({ createdAt: "desc" }).lean();
-      res.render("feed.ejs", { posts: posts });
+      const posts = await Post.find().sort({ createdAt: 'desc' }).lean();
+      res.render('feed.ejs', { posts: posts });
     } catch (err) {
       console.log(err);
     }
   },
   getPost: async (req, res) => {
     try {
       const post = await Post.findById(req.params.id);
-      res.render("post.ejs", { post: post, user: req.user });
+      const posts = 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);
     }
@@ -39,8 +47,8 @@ module.exports = {
         likes: 0,
         user: req.user.id,
       });
-      console.log("Post has been added!");
-      res.redirect("/profile");
+      console.log('Post has been added!');
+      res.redirect('/profile');
     } catch (err) {
       console.log(err);
     }
@@ -53,7 +61,7 @@ module.exports = {
           $inc: { likes: 1 },
         }
       );
-      console.log("Likes +1");
+      console.log('Likes +1');
       res.redirect(`/post/${req.params.id}`);
     } catch (err) {
       console.log(err);
@@ -67,10 +75,10 @@ module.exports = {
       await cloudinary.uploader.destroy(post.cloudinaryId);
       // Delete post from db
       await Post.remove({ _id: req.params.id });
-      console.log("Deleted Post");
-      res.redirect("/profile");
+      console.log('Deleted Post');
+      res.redirect('/profile');
     } catch (err) {
-      res.redirect("/profile");
+      res.redirect('/profile');
     }
   },
 };

models/Comment.js

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

routes/comments.js

@@ -0,0 +1,9 @@
+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);
+
+module.exports = router;

server.js

@@ -1,45 +1,46 @@
-const express = require("express");
+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');
+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 commentRoutes = require('./routes/comments');
 
 //Use .env file in config folder
-require("dotenv").config({ path: "./config/.env" });
+require('dotenv').config({ path: './config/.env' });
 
 // Passport config
-require("./config/passport")(passport);
+require('./config/passport')(passport);
 
 //Connect To Database
 connectDB();
 
 //Using EJS for views
-app.set("view engine", "ejs");
+app.set('view engine', 'ejs');
 
 //Static Folder
-app.use(express.static("public"));
+app.use(express.static('public'));
 
 //Body Parsing
 app.use(express.urlencoded({ extended: true }));
 app.use(express.json());
 
 //Logging
-app.use(logger("dev"));
+app.use(logger('dev'));
 
 //Use forms for put / delete
-app.use(methodOverride("_method"));
+app.use(methodOverride('_method'));
 
 // Setup Sessions - stored in MongoDB
 app.use(
   session({
-    secret: "keyboard cat",
+    secret: 'keyboard cat',
     resave: false,
     saveUninitialized: false,
     store: new MongoStore({ mongooseConnection: mongoose.connection }),
@@ -54,10 +55,11 @@ app.use(passport.session());
 app.use(flash());
 
 //Setup Routes For Which The Server Is Listening
-app.use("/", mainRoutes);
-app.use("/post", postRoutes);
+app.use('/', mainRoutes);
+app.use('/post', postRoutes);
+app.use('/comment', commentRoutes);
 
 //Server Running
 app.listen(process.env.PORT, () => {
-  console.log("Server is running, you better catch it!");
+  console.log('Server is running, you better catch it!');
 });

views/post.ejs

@@ -27,6 +27,23 @@
     <div class="col-3 mt-5">
       <p><%= post.caption %></p>
     </div>
+    <div class="mt-5">
+      <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 type="submit" class="btn btn-primary">Submit</button>
+      </form>
+    </div>
+    <ul>
+      <% for(var i=0; i<comments.length; i++) {%>
+        <li class="col-6 justify-content-between mt-5">
+          <%= comments[i].comment%>
+        </li>
+      <% } %>
+    </ul>
     <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>