feat: add create post page and homepage feed

- add create post route
- add post creation form
- implement form validation for create post form
- add post creation time column in the database
- create cards for each post on homepage
- change the authErrors.ejs placement in login &
register page.
- remove the header from login & register page
- fix the width of error page

Author: headlessNode

app.js

@@ -7,6 +7,7 @@ const LocalStrategy = require('passport-local').Strategy;
 const indexRouter = require('./routes/indexRouter.js');
 const loginRouter = require('./routes/loginRouter.js');
 const registerRouter = require('./routes/registerRouter.js');
+const postRouter = require('./routes/postRouter.js');
 const customErrors = require('./errors/CustomErrors.js');
 const db = require('./db/query.js');
 const pool = require('./db/pool.js');
@@ -83,6 +84,7 @@ app.use((req, res, next) => {
 app.use('/', indexRouter);
 app.use('/login', loginRouter);
 app.use('/register', registerRouter);
+app.use('/create-post', postRouter);
 app.post('/logout', (req, res) => {
     req.logOut((err) => {
         if (err) {

controllers/indexController.js

@@ -1,13 +1,14 @@
+const asyncHandler = require('express-async-handler');
 const db = require('../db/query.js');
 
 const indexController = {
-    renderIndex: (req, res) => {
-        const user = {
-            ...res.locals.currentUser
-        };
-        const posts = db.getPosts(user.is_member);
-        res.render('index', {user, posts});
-    }
+    renderIndex: asyncHandler(async (req, res) => {
+            const user = {
+                ...res.locals.currentUser
+            };
+            const posts = await db.getPosts();
+            res.render('index', {user, posts});
+    }),
 };
 
 module.exports = indexController;

controllers/loginController.js

@@ -32,6 +32,8 @@ const loginController = {
                     if (err) {
                         return next(err);
                     }
+                    console.log(err);
+                    console.log(user);
                     if (!user) {
                         return res.render('login', { sessionErrors: [info.message] });
                     }

controllers/postController.js

@@ -0,0 +1,50 @@
+const {body, validationResult} = require('express-validator');
+const asyncHandler = require('express-async-handler');
+const db = require('../db/query.js');
+
+// VALIDATIONS //
+
+
+const validateTitle = [
+    body('title').trim().notEmpty().withMessage('The title is required'),
+    body('title').isLength({ min: 5 }).withMessage('The title must be at least 5 characters long'),
+    body('title').isLength({ max: 80 }).withMessage('The title must be at most 80 characters long')
+];
+
+const validateContent = [
+    body('content').trim().notEmpty().withMessage('The content cannot be empty'),
+    body('content').isLength({ min: 5 }).withMessage('The content must be at least 5 characters long'),
+    body('content').isLength({ max: 500 }).withMessage('The content must be at most 500 characters long')
+];
+
+// CONTROLLER //
+
+
+const postController = {
+    renderForm: asyncHandler(async (req, res) => {
+        const user = {
+            ...res.locals.currentUser
+        };
+        // const postsCreated = db.getPostsCreated(user.id);
+        res.render('createPost', {user});
+    }),
+
+    createPost: [
+        validateTitle,
+        validateContent,
+        asyncHandler(async (req, res) => {
+            const errors = validationResult(req);
+            if (!errors.isEmpty()) {
+                res.render('createPost', {errors: errors.array()});
+            } else {
+                const {title, content} = req.body;
+                const userId = res.locals.currentUser.id;
+                await db.createPost(title, content, userId);
+                res.redirect('/');
+            }
+        })
+    ],
+
+}
+
+module.exports = postController;

db/populatedb.js

@@ -15,6 +15,7 @@ const SQL = `
         user_id INTEGER NOT NULL,
         title VARCHAR(255) NOT NULL,
         content TEXT,
+        created_at TIMESTAMP DEFAULT NOW(),
         FOREIGN KEY (user_id) REFERENCES users(id) ON DELETE CASCADE
     );
 

db/query.js

@@ -44,14 +44,24 @@ const findUserById = asyncHandler(async (id) => {
     return rows[0];
 });
 
-const getPosts = asyncHandler(async (isMember) => {
-    console.log(isMember);
+const getPosts = asyncHandler(async () => {
+    const {rows} = await pool.query(
+        'SELECT * FROM posts ORDER BY created_at DESC'
+    );
+    return rows;
+});
+
+const createPost = asyncHandler(async (title, content, userId) => {
+    await pool.query(
+        'INSERT INTO posts (title, content, user_id) VALUES ($1, $2, $3)', [title, content, userId]
+    );
 });
 
 module.exports = {
     filterUsername,
     registerUser,
     findUser,
     findUserById,
-    getPosts
+    getPosts,
+    createPost
 };