From faeacec29d00c0c8669dc5e9e3eda4433e01e7ef Mon Sep 17 00:00:00 2001 From: Aditya-kr-01 Date: Thu, 17 Oct 2024 13:02:48 +0530 Subject: [PATCH] Added Categories Feature Implemented a new category model for better content organization. Updated blog routes to include category filtering and selection during blog creation. Enhanced EJS views to display categories alongside blog posts and in the creation form. Tested functionalities for creating categories and filtering blogs, ensuring a user-friendly experience. --- app.js | 10 ++++++- models/Category.js | 13 ++++++++ models/blog.js | 24 +++++++++++++++ routers/blogRoutes.js | 47 +++++++++++++++++++++++++++++ routers/categoryRoutes.js | 25 ++++++++++++++++ views/blogs.ejs | 63 +++++++++++++++++++++++++-------------- 6 files changed, 158 insertions(+), 24 deletions(-) create mode 100644 models/Category.js create mode 100644 models/blog.js create mode 100644 routers/blogRoutes.js create mode 100644 routers/categoryRoutes.js diff --git a/app.js b/app.js index 92a3361..1f9eecd 100644 --- a/app.js +++ b/app.js @@ -1,3 +1,11 @@ +const Blog = require('./models/blog'); +const Category = require('/models/category'); +const categoryRoutes = require('./routes/categoryRoutes'); +app.use(categoryRoutes); +const blogRoutes = require('./routes/blogRoutes'); +app.use(blogRoutes); +const blogRoutes = require('./routes/blogRoutes'); // Adjust the path as necessary +app.use(blogRoutes); // Use the blog routes const express = require("express"); const bodyParser = require("body-parser"); const ejs = require("ejs"); @@ -158,4 +166,4 @@ mongoose .catch((error) => console.log(error)); app.listen(PORT, function () { console.log(`Server started on port ${PORT}`); -}); \ No newline at end of file +}); diff --git a/models/Category.js b/models/Category.js new file mode 100644 index 0000000..ba10edf --- /dev/null +++ b/models/Category.js @@ -0,0 +1,13 @@ +const mongoose = require('mongoose'); // Importing Mongoose + +// Defining the structure of a Category in the database +const categorySchema = new mongoose.Schema({ + name: { + type: String, // The name of the category, like "Technology" + required: true, // It must be provided + unique: true // No duplicate category names + } +}); + +const Category = mongoose.model('Category', categorySchema); // Creating the Category model +module.exports = Category; // Making the model available to use elsewhere diff --git a/models/blog.js b/models/blog.js new file mode 100644 index 0000000..539b370 --- /dev/null +++ b/models/blog.js @@ -0,0 +1,24 @@ +const mongoose = require('mongoose'); + +const blogSchema = new mongoose.Schema({ + title: { + type: String, + required: true + }, + content: { + type: String, + required: true + }, + category: { + type: mongoose.Schema.Types.ObjectId, // This will link to the Category model + ref: 'Category', // Refers to the Category model + required: true + }, + createdAt: { + type: Date, + default: Date.now + } +}); + +const Blog = mongoose.model('Blog', blogSchema); +module.exports = Blog; diff --git a/routers/blogRoutes.js b/routers/blogRoutes.js new file mode 100644 index 0000000..55b3099 --- /dev/null +++ b/routers/blogRoutes.js @@ -0,0 +1,47 @@ +const express = require('express'); +const router = express.Router(); +const Blog = require('../models/blog'); // Ensure you have a Blog model +const Category = require('../models/category'); // Ensure you have a Category model + +// Route to get all blogs and filter by category +router.get('/blogs', async (req, res) => { + try { + const categories = await Category.find(); // Fetch all categories + let blogs; + if (req.query.category) { + blogs = await Blog.find({ category: req.query.category }).populate('category'); // Filter by category if selected + } else { + blogs = await Blog.find().populate('category'); // Otherwise, fetch all blogs + } + res.render('blogList', { blogs, categories }); // Pass blogs and categories to the view + } catch (err) { + console.error(err); + res.status(500).send('Server error'); + } +}); + +// Route to get the form for creating a new blog (with category selection) +router.get('/blogs/new', async (req, res) => { + try { + const categories = await Category.find(); // Fetch categories for the form + res.render('newBlog', { categories }); + } catch (err) { + console.error(err); + res.status(500).send('Server error'); + } +}); + +// Route to handle creating a new blog +router.post('/blogs', async (req, res) => { + try { + const { title, content, category } = req.body; + const newBlog = new Blog({ title, content, category }); // Create a new blog with the selected category + await newBlog.save(); // Save the new blog + res.redirect('/blogs'); // Redirect to the blog list + } catch (err) { + console.error(err); + res.status(500).send('Server error'); + } +}); + +module.exports = router; diff --git a/routers/categoryRoutes.js b/routers/categoryRoutes.js new file mode 100644 index 0000000..3a9cb28 --- /dev/null +++ b/routers/categoryRoutes.js @@ -0,0 +1,25 @@ +const express = require('express'); +const router = express.Router(); +const Category = require('./models/category'); +// Add a category +router.post('/category', async (req, res) => { + const newCategory = new Category({ name: req.body.name }); + try { + await newCategory.save(); + res.status(201).json(newCategory); + } catch (err) { + res.status(400).json({ message: err.message }); + } +}); + +// Get all categories +router.get('/categories', async (req, res) => { + try { + const categories = await Category.find(); + res.json(categories); + } catch (err) { + res.status(500).json({ message: err.message }); + } +}); + +module.exports = router; diff --git a/views/blogs.ejs b/views/blogs.ejs index 1e88b0b..53ca9af 100644 --- a/views/blogs.ejs +++ b/views/blogs.ejs @@ -1,26 +1,43 @@ <%- include("partials/header"); -%> -
- <% blogs.forEach(function(blog) { %> -
-
- Image not Available -
-
-

- <%= blog.title %> -

-
-

- <%= blog.content.substring(0, 100) + " ..." %> -

-
-
-
- Read more + + +
+ +
+ +
+ <% blogs.forEach(function(blog) { %> +
+
+ + Image not Available + +
+
+

+ <%= blog.title %> +

+ +

Category: <%= blog.category.name %>

+
+

+ <%= blog.content.substring(0, 100) + " ..." %> +

- <% }); %> -
-
- <%- include("partials/footer"); -%> \ No newline at end of file +
+ Read more +
+
+ <% }); %> +
+ +<%- include("partials/footer"); -%>