diff --git a/angular/src/app/fixtures/projectv3.fixture.ts b/angular/src/app/fixtures/projectv3.fixture.ts
new file mode 100644
index 00000000..df7c2939
--- /dev/null
+++ b/angular/src/app/fixtures/projectv3.fixture.ts
@@ -0,0 +1,72 @@
+const projectFixturev3 = {
+  result: [
+    {
+      uuid: '4983294419299528210-242ac118-0001-012',
+      name: 'designsafe.project',
+      value: {
+        ef: '',
+        dois: [],
+        title: 'TEST: Hazmapper/TapisV3 project',
+        users: [
+          {
+            role: 'pi',
+            user: null,
+            username: 'nathanf',
+            authorship: null,
+          },
+          {
+            role: 'co_pi',
+            user: null,
+            username: 'tgrafft',
+            authorship: null,
+          },
+          {
+            role: 'co_pi',
+            user: null,
+            username: 'thbrown',
+            authorship: null,
+          },
+          {
+            role: 'team_member',
+            user: null,
+            username: 'sal',
+            authorship: null,
+          },
+          {
+            role: 'team_member',
+            user: null,
+            username: 'khan263s',
+            authorship: null,
+          },
+          {
+            role: 'team_member',
+            user: null,
+            username: 'wbomar',
+            authorship: null,
+          },
+          {
+            role: 'team_member',
+            user: null,
+            username: 'jgentle',
+            authorship: null,
+          },
+          {
+            role: 'team_member',
+            user: null,
+            username: 'smassie',
+            authorship: null,
+          },
+        ],
+        projectId: 'PRJ-2224',
+        description: '',
+        hazmapperMaps: [],
+      },
+      created: '2024-02-28T14:28:24.101-06:00',
+      lastUpdated: '2024-02-28T14:28:24.101-06:00',
+      associationIds: [],
+    },
+  ],
+  total: 1,
+};
+
+export { projectFixturev3 };
diff --git a/angular/src/app/services/agave-systems.service.ts b/angular/src/app/services/agave-systems.service.ts
index 05ee7b69..cbb9d963 100644
--- a/angular/src/app/services/agave-systems.service.ts
+++ b/angular/src/app/services/agave-systems.service.ts
@@ -7,6 +7,7 @@ import { map } from 'rxjs/operators';
 import { HttpClient } from '@angular/common/http';
 import { EnvService } from '../services/env.service';
 import { DesignSafeProjectCollection, Project } from '../models/models';
+import { projectFixturev3 } from '../fixtures/projectv3.fixture';
 
 export interface AgaveProjectsData {
   projects: SystemSummary[];
@@ -58,26 +59,46 @@ export class AgaveSystemsService {
     this._loadingProjects.next(true);
     this._loadingProjectsFailedMessage.next(null);
 
-    this.http.get<DesignSafeProjectCollection>(this.envService.designSafeUrl + `/projects/v2/`).subscribe(
-      (resp) => {
-        const projectSystems = resp.projects.map((project) => {
-          return {
-            id: 'project-' + project.uuid,
-            name: project.value.projectId,
-            description: project.value.title,
-          };
-        });
-        this._projects.next(projectSystems);
-        this._loadingProjects.next(false);
-      },
-      (error) => {
-        this._projects.next(null);
-        this._loadingProjectsFailedMessage.next(error.message || 'An error occured.');
-        this._loadingProjects.next(false);
-      }
-    );
+    const useMockSuccess = true; // Change this to false to simulate an error
+    if (useMockSuccess) {
+      const mockResponse = projectFixturev3;
+      const projectSystems = mockResponse.result.map((project) => {
+        return {
+          id: 'project-' + project.uuid,
+          name: project.value.projectId,
+          description: project.value.title,
+        };
+      });
+      this._projects.next(projectSystems);
+      this._loadingProjects.next(false);
+    } else {
+      const errorMessage = 'An error occurred. Contact support';
+      this._projects.next(null);
+      this._loadingProjectsFailedMessage.next(errorMessage);
+      this._loadingProjects.next(false);
+    }
   }
 
+  //   this.http.get<DesignSafeProjectCollection>(this.envService.designSafeUrl + `/projects/v2/`).subscribe(
+  //     (resp) => {
+  //       const projectSystems = resp.projects.map((project) => {
+  //         return {
+  //           id: 'project-' + project.uuid,
+  //           name: project.value.projectId,
+  //           description: project.value.title,
+  //         };
+  //       });
+  //       this._projects.next(projectSystems);
+  //       this._loadingProjects.next(false);
+  //     },
+  //     (error) => {
+  //       this._projects.next(null);
+  //       this._loadingProjectsFailedMessage.next(error.message || 'An error occured.');
+  //       this._loadingProjects.next(false);
+  //     }
+  //   );
+  // }
+
   getProjectMetadata(projects: Project[], dsProjects: SystemSummary[]): Project[] {
     if (dsProjects && dsProjects.length > 0) {
       return projects.map((p) => {