Index: client/src/Dashboard/Dashboard.jsx
===================================================================
--- client/src/Dashboard/Dashboard.jsx	(revision a7a0590456ca888b6babe76cd71138aef5fa35a4)
+++ client/src/Dashboard/Dashboard.jsx	(revision 801dc85b1cea6bb56d6b4c33390030636f6387a4)
@@ -1,3 +1,4 @@
-import React, { useState } from "react";
+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";
@@ -11,4 +12,15 @@
 const Dashboard = () => {
   const [activePage, setActivePage] = useState("home");
+  const [user, setUser] = useState(null);
+  const navigate = useNavigate();
+
+  useEffect(() => {
+    const storedUser = localStorage.getItem("user");
+    if (!storedUser) {
+      navigate("/login");
+    } else {
+      setUser(JSON.parse(storedUser));
+    }
+  }, [navigate]);
 
   const renderPage = () => {
@@ -30,4 +42,8 @@
     }
   };
+
+  if (!user) {
+    return <div>Loading...</div>; // or a loading spinner
+  }
 
   return (
Index: client/src/Dashboard/components/Profile.jsx
===================================================================
--- client/src/Dashboard/components/Profile.jsx	(revision a7a0590456ca888b6babe76cd71138aef5fa35a4)
+++ client/src/Dashboard/components/Profile.jsx	(revision 801dc85b1cea6bb56d6b4c33390030636f6387a4)
@@ -1,6 +1,16 @@
+// Example for Profile.jsx
 import React from "react";
 import pp from "../../assets/images/pp.svg";
 
 const Profile = () => {
+  const handleSignOut = () => {
+    localStorage.removeItem("user");
+    window.location.href = "/login";
+  };
+  const user = JSON.parse(localStorage.getItem("user"));
+  console.log("User data:", user);
+  if (!user) {
+    console.error("No user data found in localStorage.");
+  }
   return (
     <div
@@ -15,16 +25,16 @@
             </div>
           </div>
-          <h2 className="card-title mt-4">John Doe</h2>
-          <p className="text-gray-500">johndoe@students.finki.ukim.mk</p>
+          <h2 className="card-title mt-4">{user.name}</h2>
+          <p className="text-gray-500">{user.email}</p>
           <div className="mt-4">
             <p className="text-lg">
-              <span className="font-bold">Rank:</span> Gold
+              <span className="font-bold">Rank:</span> {user.rank}
             </p>
             <p className="text-lg">
-              <span className="font-bold">Points:</span> 1200
+              <span className="font-bold">Points:</span> {user.points}
             </p>
           </div>
           <div className="mt-6">
-            <a href="/" className="btn btn-action btn-sm mx-2">
+            <a onClick={handleSignOut} className="btn btn-action btn-sm mx-2">
               Sign Out
             </a>
Index: client/src/LogIn/LogIn.jsx
===================================================================
--- client/src/LogIn/LogIn.jsx	(revision a7a0590456ca888b6babe76cd71138aef5fa35a4)
+++ client/src/LogIn/LogIn.jsx	(revision 801dc85b1cea6bb56d6b4c33390030636f6387a4)
@@ -24,4 +24,5 @@
 
       if (data.success) {
+        localStorage.setItem("user", JSON.stringify(data.user));
         navigate("/dashboard");
       } else {
Index: client/src/Register/Register.jsx
===================================================================
--- client/src/Register/Register.jsx	(revision a7a0590456ca888b6babe76cd71138aef5fa35a4)
+++ client/src/Register/Register.jsx	(revision 801dc85b1cea6bb56d6b4c33390030636f6387a4)
@@ -1,18 +1,18 @@
-import React from 'react';
-import { Link, useNavigate } from 'react-router-dom';
-import { useState } from 'react';
+import React from "react";
+import { Link, useNavigate } from "react-router-dom";
+import { useState } from "react";
 
 const Register = () => {
-  const [error, setError] = React.useState('');
+  const [error, setError] = React.useState("");
   const nav = useNavigate();
   const [formData, setFormData] = useState({
-    username: '',
-    email: '',
-    password: '',
-    confirmPassword: '',
-    name: '',
+    username: "",
+    email: "",
+    password: "",
+    confirmPassword: "",
+    name: "",
   });
   function validateEmail(email) {
-    return email.endsWith('@students.finki.ukim.mk');
+    return email.endsWith("@students.finki.ukim.mk");
   }
   const handleInputChange = (e) => {
@@ -27,38 +27,38 @@
 
     if (!validateEmail(formData.email)) {
-      setError('Email must end with @students.finki.ukim.mk');
+      setError("Email must end with @students.finki.ukim.mk");
     }
-    if (formData.username === '') {
-      setError('Must enter username');
+    if (formData.username === "") {
+      setError("Must enter username");
     }
-    if (formData.password === '') {
-      setError('Password is required');
+    if (formData.password === "") {
+      setError("Password is required");
       return;
     }
-    if (formData.confirmPassword === '') {
-      setError('Please confirm your password');
+    if (formData.confirmPassword === "") {
+      setError("Please confirm your password");
       return;
     }
     if (formData.password !== formData.confirmPassword) {
-      setError('Passwords do not match');
+      setError("Passwords do not match");
       return;
     }
     if (formData.password.length < 8) {
-      setError('Password must be at least 8 characters long');
+      setError("Password must be at least 8 characters long");
       return;
     }
     if (!/[A-Z]/.test(formData.password)) {
-      setError('Password must contain at least one uppercase letter');
+      setError("Password must contain at least one uppercase letter");
       return;
     }
     if (!/[0-9]/.test(formData.password)) {
-      setError('Password must contain at least one number');
+      setError("Password must contain at least one number");
       return;
     }
     try {
-      const response = await fetch('/api/register', {
-        method: 'POST',
+      const response = await fetch("/api/register", {
+        method: "POST",
         headers: {
-          'Content-Type': 'application/json',
+          "Content-Type": "application/json",
         },
         body: JSON.stringify({
@@ -72,8 +72,9 @@
       const data = await response.json();
       if (data.success) {
-        nav('/dashboard');
+        localStorage.setItem("user", JSON.stringify(data.user));
+        nav("/dashboard");
       }
     } catch (error) {
-      console.error('Registration error:', error);
+      console.error("Registration error:", error);
       throw error;
     }