diff --git a/frontend/src/Pages/YourProjectsPage.tsx b/frontend/src/Pages/YourProjectsPage.tsx
index aabc606..e45d237 100644
--- a/frontend/src/Pages/YourProjectsPage.tsx
+++ b/frontend/src/Pages/YourProjectsPage.tsx
@@ -7,10 +7,10 @@ import BasicWindow from "../Components/BasicWindow";
 export const ProjectNameContext = createContext("");
 
 function UserProjectPage(): JSX.Element {
-  const [projects, setProjects] = useState<Project[]>([]);
-  const [selectedProject, setSelectedProject] = useState("");
+  /*   const [projects, setProjects] = useState<Project[]>([]);
+   */ const [selectedProject, setSelectedProject] = useState("");
 
-  const getProjects = async (): Promise<void> => {
+  /* const getProjects = async (): Promise<void> => {
     const username = localStorage.getItem("username") ?? ""; // replace with actual username
     const token = localStorage.getItem("accessToken") ?? ""; // replace with actual token
     const response = await api.getUserProjects(username, token);
@@ -24,7 +24,15 @@ function UserProjectPage(): JSX.Element {
   // Call getProjects when the component mounts
   useEffect(() => {
     getProjects();
-  }, []);
+  }, []); */
+
+  // Mock data
+  const projects: Project[] = [
+    { id: "1", name: "Project 1" },
+    { id: "2", name: "Project 2" },
+    { id: "3", name: "Project 3" },
+    // Add more mock projects as needed
+  ];
 
   const handleProjectClick = (projectName: string): void => {
     setSelectedProject(projectName);