Index: client/src/CreatePost/CreatePost.jsx
===================================================================
--- client/src/CreatePost/CreatePost.jsx	(revision dc13e1e5b95164cf8da35281b24b05e0b38c0d1f)
+++ client/src/CreatePost/CreatePost.jsx	(revision 8be0238cf508d7f0384b82f2be42f5717b432a05)
@@ -1,13 +1,17 @@
-import React, { useState } from "react";
-import { useNavigate } from "react-router-dom";
+import React, { useState } from 'react';
+import { useNavigate } from 'react-router-dom';
 
-const CreatePost = () => {
-  const [title, setTitle] = useState("");
-  const [content, setContent] = useState("");
+const CreatePost = ({ setActivePage }) => {
+  const [title, setTitle] = useState('');
+  const [content, setContent] = useState('');
   const navigate = useNavigate();
 
+  const backToForum = () => {
+    setActivePage('forum');
+    navigate('/dashboard');
+  };
   const handleSubmit = (e) => {
     e.preventDefault();
-    console.log("Post submitted:", { title, content });
+    console.log('Post submitted:', { title, content });
     // Add your submission logic here
   };
@@ -20,8 +24,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"
@@ -77,5 +78,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 dc13e1e5b95164cf8da35281b24b05e0b38c0d1f)
+++ client/src/Dashboard/Dashboard.jsx	(revision 8be0238cf508d7f0384b82f2be42f5717b432a05)
@@ -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 dc13e1e5b95164cf8da35281b24b05e0b38c0d1f)
+++ client/src/Dashboard/components/Forum.jsx	(revision 8be0238cf508d7f0384b82f2be42f5717b432a05)
@@ -1,8 +1,8 @@
-import React from "react";
-import { useNavigate } from "react-router-dom";
-import commentIcon from "../../assets/images/comment.svg";
-import likeIcon from "../../assets/images/like.svg";
+import React from 'react';
+import { useNavigate } from 'react-router-dom';
+import commentIcon from '../../assets/images/comment.svg';
+import likeIcon from '../../assets/images/like.svg';
 
-const Forum = () => {
+const Forum = ({ setActivePage }) => {
   const navigate = useNavigate();
 
@@ -10,22 +10,22 @@
     {
       id: 1,
-      title: "How to learn React?",
-      author: "John Doe",
+      title: 'How to learn React?',
+      author: 'John Doe',
       content:
-        "React is a popular JavaScript library for building user interfaces. Start by learning the basics of components, state, and props.",
+        'React is a popular JavaScript library for building user interfaces. Start by learning the basics of components, state, and props.',
     },
     {
       id: 2,
-      title: "Best practices for Tailwind CSS",
-      author: "Jane Smith",
+      title: 'Best practices for Tailwind CSS',
+      author: 'Jane Smith',
       content:
-        "Tailwind CSS is a utility-first CSS framework. Use consistent class naming and leverage configuration files for customization.",
+        'Tailwind CSS is a utility-first CSS framework. Use consistent class naming and leverage configuration files for customization.',
     },
     {
       id: 3,
-      title: "Understanding JavaScript closures",
-      author: "Alice Johnson",
+      title: 'Understanding JavaScript closures',
+      author: 'Alice Johnson',
       content:
-        "Closures are a fundamental concept in JavaScript. They allow functions to access variables from their outer scope even after the outer function has returned.",
+        'Closures are a fundamental concept in JavaScript. They allow functions to access variables from their outer scope even after the outer function has returned.',
     },
   ];
@@ -66,5 +66,5 @@
         <div className=" flex items-center justify-center">
           <button
-            onClick={() => navigate("/create-post")}
+            onClick={() => setActivePage('createPost')}
             className="cursor-pointer px-6 py-3 bg-yellow-500 text-black rounded hover:bg-yellow-600"
           >
Index: client/src/main.jsx
===================================================================
--- client/src/main.jsx	(revision dc13e1e5b95164cf8da35281b24b05e0b38c0d1f)
+++ client/src/main.jsx	(revision 8be0238cf508d7f0384b82f2be42f5717b432a05)
@@ -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>