Index: client/src/CreatePost/CreatePost.jsx
===================================================================
--- client/src/CreatePost/CreatePost.jsx	(revision f40e145c6e4a34e965397450f8b71f3a87cb754f)
+++ client/src/CreatePost/CreatePost.jsx	(revision 03a2c9ad7bac0a74cdb2d6853e11191dfd397df5)
@@ -2,25 +2,30 @@
 import { useNavigate } from "react-router-dom";
 
-const CreatePost = () => {
+const CreatePost = ({ setActivePage }) => {
   const [title, setTitle] = useState("");
   const [content, setContent] = useState("");
   const navigate = useNavigate();
 
+  const backToForum = () => {
+    setActivePage("forum");
+    navigate("/dashboard");
+  };
+
   const handleSubmit = async (e) => {
     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');
+      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({
@@ -37,9 +42,9 @@
 
       const data = await response.json();
-      console.log('Post created successfully:', data);
-      alert('Post created successfully!');
-      navigate('/dashboard'); // Navigate back to the forum or dashboard
+      console.log("Post created successfully:", data);
+      alert("Post created successfully!");
+      navigate("/dashboard"); // Navigate back to the forum or dashboard
     } catch (error) {
-      console.error('Error creating post:', error);
+      console.error("Error creating post:", error);
       alert(`Failed to create post: ${error.message}`);
     }
@@ -53,8 +58,5 @@
             Create a Post
           </h2>
-          <button
-            onClick={() => navigate(-1)}
-            className="btn btn-outline gap-2"
-          >
+          <button onClick={backToForum} className="btn btn-outline gap-2">
             <svg
               xmlns="http://www.w3.org/2000/svg"
@@ -110,5 +112,5 @@
               <button
                 type="button"
-                onClick={() => navigate(-1)}
+                onClick={backToForum}
                 className="btn btn-ghost btn-lg"
               >
Index: client/src/Dashboard/Dashboard.jsx
===================================================================
--- client/src/Dashboard/Dashboard.jsx	(revision f40e145c6e4a34e965397450f8b71f3a87cb754f)
+++ client/src/Dashboard/Dashboard.jsx	(revision 03a2c9ad7bac0a74cdb2d6853e11191dfd397df5)
@@ -9,4 +9,5 @@
 import Forum from "./components/Forum";
 import Profile from "./components/Profile";
+import CreatePost from "../CreatePost/CreatePost";
 
 const Dashboard = () => {
@@ -28,10 +29,12 @@
       case "home":
         return <Task />;
-      case "competitions":
-        return <Forum />;
+      case "forum":
+        return <Forum setActivePage={setActivePage} />;
       case "leaderboard":
         return <LeaderBoardEx />;
       case "profile":
         return <Profile />;
+      case "createPost":
+        return <CreatePost setActivePage={setActivePage} />;
       default:
         return (
@@ -109,9 +112,9 @@
               <button
                 className={`flex items-center gap-4 px-4 py-3 hover:bg-[#FFB800] hover:text-black rounded-lg transition-colors ${
-                  activePage === "competitions"
+                  activePage === "forum"
                     ? "bg-[#FFB800] text-black font-medium"
                     : ""
                 }`}
-                onClick={() => setActivePage("competitions")}
+                onClick={() => setActivePage("forum")}
               >
                 <svg
Index: client/src/Dashboard/components/Forum.jsx
===================================================================
--- client/src/Dashboard/components/Forum.jsx	(revision f40e145c6e4a34e965397450f8b71f3a87cb754f)
+++ client/src/Dashboard/components/Forum.jsx	(revision 03a2c9ad7bac0a74cdb2d6853e11191dfd397df5)
@@ -4,5 +4,5 @@
 import likeIcon from "../../assets/images/like.svg";
 
-const Forum = () => {
+const Forum = ({ setActivePage }) => {
   const navigate = useNavigate();
   const [posts, setPosts] = useState([]);
Index: client/src/main.jsx
===================================================================
--- client/src/main.jsx	(revision f40e145c6e4a34e965397450f8b71f3a87cb754f)
+++ client/src/main.jsx	(revision 03a2c9ad7bac0a74cdb2d6853e11191dfd397df5)
@@ -1,14 +1,14 @@
-import { StrictMode } from "react";
-import { createRoot } from "react-dom/client";
-import "./index.css";
+import { StrictMode } from 'react';
+import { createRoot } from 'react-dom/client';
+import './index.css';
 
-import LandingPage from "./LandingPage/LandingPage";
-import Register from "./Register/Register";
-import Login from "./LogIn/LogIn";
-import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
-import Dashboard from "./Dashboard/Dashboard";
-import CreatePost from "./CreatePost/CreatePost";
-
-createRoot(document.getElementById("root")).render(
+import LandingPage from './LandingPage/LandingPage';
+import Register from './Register/Register';
+import Login from './LogIn/LogIn';
+import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
+import Dashboard from './Dashboard/Dashboard';
+import CreatePost from './CreatePost/CreatePost';
+import Forum from './Dashboard/components/Forum';
+createRoot(document.getElementById('root')).render(
   <StrictMode>
     <Router>
@@ -19,4 +19,5 @@
         <Route path="/dashboard" element={<Dashboard />} />
         <Route path="/create-post" element={<CreatePost />} />
+        <Route path="/forum" element={<Forum />} />
       </Routes>
     </Router>