Index: backend/controllers/forumController.js
===================================================================
--- backend/controllers/forumController.js	(revision d4e8deb697cf9b2cd8eefcdd5aa6484d2815a246)
+++ backend/controllers/forumController.js	(revision 77de066dd2d6073aad3a748111f649eed086b4c9)
@@ -175,5 +175,4 @@
 
 const getComments = async (req, res) => {
-  // Get post_id from query string
   const postId = req.query.post_id;
 
@@ -185,5 +184,4 @@
 
   try {
-    // Use Prisma to fetch comments
     const dbComments = await prisma.comments.findMany({
       where: {
Index: client/src/CreatePost/CreatePost.jsx
===================================================================
--- client/src/CreatePost/CreatePost.jsx	(revision d4e8deb697cf9b2cd8eefcdd5aa6484d2815a246)
+++ client/src/CreatePost/CreatePost.jsx	(revision 77de066dd2d6073aad3a748111f649eed086b4c9)
@@ -1,13 +1,13 @@
-import React, { useState } from "react";
-import { useNavigate } from "react-router-dom";
+import React, { useState } from 'react';
+import { useNavigate } from 'react-router-dom';
 
 const CreatePost = ({ setActivePage }) => {
-  const [title, setTitle] = useState("");
-  const [content, setContent] = useState("");
+  const [title, setTitle] = useState('');
+  const [content, setContent] = useState('');
   const navigate = useNavigate();
 
   const backToForum = () => {
-    setActivePage("forum");
-    navigate("/dashboard");
+    setActivePage('forum');
+    navigate('/dashboard');
   };
 
@@ -15,17 +15,17 @@
     e.preventDefault();
 
-    const user = JSON.parse(localStorage.getItem("user"));
+    const user = JSON.parse(localStorage.getItem('user'));
 
     if (!user || !user.id || !user.name) {
-      alert("You must be logged in to create a post.");
-      navigate("/login");
+      alert('You must be logged in to create a post.');
+      navigate('/login');
       return;
     }
 
     try {
-      const response = await fetch("/forum/posts", {
-        method: "POST",
+      const response = await fetch('/forum/posts', {
+        method: 'POST',
         headers: {
-          "Content-Type": "application/json",
+          'Content-Type': 'application/json',
         },
         body: JSON.stringify({
@@ -41,10 +41,8 @@
       }
 
-      const data = await response.json();
-      console.log("Post created successfully:", data);
-      alert("Post created successfully!");
-      navigate("/dashboard"); // Navigate back to the forum or dashboard
+      alert('Post created successfully!');
+      navigate('/dashboard');
     } catch (error) {
-      console.error("Error creating post:", error);
+      console.error('Error creating post:', error);
       alert(`Failed to create post: ${error.message}`);
     }
Index: client/src/Dashboard/components/Forum.jsx
===================================================================
--- client/src/Dashboard/components/Forum.jsx	(revision d4e8deb697cf9b2cd8eefcdd5aa6484d2815a246)
+++ client/src/Dashboard/components/Forum.jsx	(revision 77de066dd2d6073aad3a748111f649eed086b4c9)
@@ -9,5 +9,5 @@
   const [page, setPage] = useState(0);
   const [hasMore, setHasMore] = useState(true);
-  const postsPerPage = 5; // Number of posts to fetch per request
+  const postsPerPage = 5;
   const user = JSON.parse(localStorage.getItem('user'));
 
@@ -39,4 +39,23 @@
   };
 
+  const handleDeletePost = async (postId) => {
+    try {
+      const response = await fetch(`/forum/posts/${postId}`, {
+        method: 'DELETE',
+        headers: {
+          'Content-Type': 'application/json',
+        },
+      });
+      if (!response.ok) {
+        throw new Error(`HTTP error! status: ${response.status}`);
+      }
+      // Remove the deleted post from the state
+      setPosts((prevPosts) => prevPosts.filter((post) => post.id !== postId));
+      console.log('Post deleted successfully');
+    } catch (error) {
+      console.error('Error deleting post:', error);
+    }
+  };
+
   const handleLoadMore = () => {
     setPage((prevPage) => prevPage + 1);
@@ -57,5 +76,5 @@
                 post.authorName === user.username) && (
                 <button
-                  className=" absolute top-2 right-2 p-1.5 rounded-full hover:bg-gray-600 transition-colors"
+                  className=" absolute top-2 right-2 p-1.5 cursor-pointer rounded-full hover:bg-gray-600 transition-colors"
                   onClick={(e) => {
                     e.stopPropagation();
@@ -69,4 +88,5 @@
                       console.log('Delete post:', post.id);
                     }
+                    handleDeletePost(post.id);
                   }}
                 >