Index: backend/server.js
===================================================================
--- backend/server.js	(revision dc13e1e5b95164cf8da35281b24b05e0b38c0d1f)
+++ backend/server.js	(revision 9a722f4c8ac14c483014acd0448450f8eb819f23)
@@ -3,4 +3,7 @@
 const indexRouter = require('./routers/indexRouter');
 const path = require('path');
+const apiRouter = require('./routers/apiRouter');
+const registerRouter = require('./routers/registerRouter');
+const forumRouter = require('./routers/forumRouter');
 
 app.use(express.json());
@@ -11,5 +14,7 @@
   express.static(path.join(__dirname, '../client/dist/assets'))
 );
-app.use('/api', require('./routers/apiRouter'));
+app.use('/api', apiRouter);
+app.use('/register', registerRouter);
+app.use('/forum', forumRouter);
 app.get('/', indexRouter);
 app.use((req, res, next) => {
Index: client/src/Dashboard/Dashboard.jsx
===================================================================
--- client/src/Dashboard/Dashboard.jsx	(revision dc13e1e5b95164cf8da35281b24b05e0b38c0d1f)
+++ client/src/Dashboard/Dashboard.jsx	(revision 9a722f4c8ac14c483014acd0448450f8eb819f23)
@@ -1,22 +1,22 @@
-import React, { useState, useEffect } from 'react';
-import { useNavigate } from 'react-router-dom';
-import logoIcon from '../assets/images/logoIcon.png';
-import logoText from '../assets/images/logoText.png';
-import pp from '../assets/images/pp.svg';
+import React, { useState, useEffect } from "react";
+import { useNavigate } from "react-router-dom";
+import logoIcon from "../assets/images/logoIcon.png";
+import logoText from "../assets/images/logoText.png";
+import pp from "../assets/images/pp.svg";
 
-import Task from './components/Task';
-import LeaderBoardEx from '@/LandingPage/components/LeaderBoardEx';
-import Forum from './components/Forum';
-import Profile from './components/Profile';
+import Task from "./components/Task";
+import LeaderBoardEx from "@/LandingPage/components/LeaderBoardEx";
+import Forum from "./components/Forum";
+import Profile from "./components/Profile";
 
 const Dashboard = () => {
-  const [activePage, setActivePage] = useState('home');
+  const [activePage, setActivePage] = useState("home");
   const [user, setUser] = useState(null);
   const navigate = useNavigate();
 
   useEffect(() => {
-    const storedUser = localStorage.getItem('user');
+    const storedUser = localStorage.getItem("user");
     if (!storedUser) {
-      navigate('/login');
+      navigate("/login");
     } else {
       setUser(JSON.parse(storedUser));
@@ -26,11 +26,11 @@
   const renderPage = () => {
     switch (activePage) {
-      case 'home':
+      case "home":
         return <Task />;
-      case 'competitions':
+      case "competitions":
         return <Forum />;
-      case 'leaderboard':
+      case "leaderboard":
         return <LeaderBoardEx />;
-      case 'profile':
+      case "profile":
         return <Profile />;
       default:
@@ -65,9 +65,9 @@
               <button
                 className={`flex items-center gap-4 px-4 py-3 hover:bg-[#FFB800] hover:text-black rounded-lg transition-colors ${
-                  activePage === 'home'
-                    ? 'bg-[#FFB800] text-black font-medium'
-                    : ''
+                  activePage === "home"
+                    ? "bg-[#FFB800] text-black font-medium"
+                    : ""
                 }`}
-                onClick={() => setActivePage('home')}
+                onClick={() => setActivePage("home")}
               >
                 <svg
@@ -87,9 +87,9 @@
               <button
                 className={`flex items-center gap-4 px-4 py-3 hover:bg-[#FFB800] hover:text-black rounded-lg transition-colors ${
-                  activePage === 'leaderboard'
-                    ? 'bg-[#FFB800] text-black font-medium'
-                    : ''
+                  activePage === "leaderboard"
+                    ? "bg-[#FFB800] text-black font-medium"
+                    : ""
                 }`}
-                onClick={() => setActivePage('leaderboard')}
+                onClick={() => setActivePage("leaderboard")}
               >
                 <svg
@@ -109,9 +109,9 @@
               <button
                 className={`flex items-center gap-4 px-4 py-3 hover:bg-[#FFB800] hover:text-black rounded-lg transition-colors ${
-                  activePage === 'competitions'
-                    ? 'bg-[#FFB800] text-black font-medium'
-                    : ''
+                  activePage === "competitions"
+                    ? "bg-[#FFB800] text-black font-medium"
+                    : ""
                 }`}
-                onClick={() => setActivePage('competitions')}
+                onClick={() => setActivePage("competitions")}
               >
                 <svg
@@ -137,7 +137,7 @@
           <button
             className={`flex items-center gap-3  px-4 py-3 hover:bg-[#FFB800] hover:text-black rounded-lg transition-colors ${
-              activePage === 'profile' ? 'bg-[#FFB800] text-black' : ''
+              activePage === "profile" ? "bg-[#FFB800] text-black" : ""
             }`}
-            onClick={() => setActivePage('profile')}
+            onClick={() => setActivePage("profile")}
           >
             <img
@@ -147,5 +147,5 @@
             />
             <div className="flex flex-col items-start">
-              <span className="font-medium">{user.name}</span>
+              <span className="font-medium text-left">{user.name}</span>
               <span className="text-sm text-base-content/70">{user.rank}</span>
             </div>