diff --git a/src/app/app.routes.ts b/src/app/app.routes.ts
index cde88005f..95e085def 100644
--- a/src/app/app.routes.ts
+++ b/src/app/app.routes.ts
@@ -2,6 +2,8 @@ import { provideStates } from '@ngxs/store';
 
 import { Routes } from '@angular/router';
 
+import { RegistryOverviewState } from '@osf/features/registry/store/registry-overview';
+
 import { MyProfileResourceFiltersOptionsState } from './features/my-profile/components/filters/store';
 import { MyProfileResourceFiltersState } from './features/my-profile/components/my-profile-resource-filters/store';
 import { MyProfileState } from './features/my-profile/store';
@@ -153,6 +155,11 @@ export const routes: Routes = [
         path: 'registries',
         loadChildren: () => import('./features/registries/registries.routes').then((mod) => mod.registriesRoutes),
       },
+      {
+        path: 'registries/my-registrations/:registrationId',
+        loadChildren: () => import('./features/registry/registry.routes').then((mod) => mod.registryRoutes),
+        providers: [provideStates([RegistryOverviewState])],
+      },
       {
         path: '**',
         loadComponent: () =>
diff --git a/src/app/core/components/nav-menu/nav-menu.component.html b/src/app/core/components/nav-menu/nav-menu.component.html
index 8a0cb1716..b6f8fd12c 100644
--- a/src/app/core/components/nav-menu/nav-menu.component.html
+++ b/src/app/core/components/nav-menu/nav-menu.component.html
@@ -1,53 +1,80 @@
 <nav class="nav-menu">
   <p-panelMenu [model]="mainMenuItems()" [multiple]="false">
     <ng-template #item let-item>
-      <a
-        [routerLink]="item.routerLink"
-        routerLinkActive="active"
-        [routerLinkActiveOptions]="{
-          exact: item.label !== 'navigation.myProjects' ? item.useExactMatch : true,
-        }"
-        class="nav-link flex align-items-center"
-        [class.mt-5]="item.label === 'navigation.settings' || item.label === 'navigation.myProjects'"
-        (click)="goToLink(item)"
-      >
-        @if (item.icon) {
-          <osf-icon [iconClass]="`nav-icon ${item.icon}`"></osf-icon>
-        }
-        <span>{{ item.label | translate }}</span>
-        @if (item.items) {
-          <osf-icon
-            class="ml-auto pt-1"
-            [iconClass]="item.expanded ? `fas fa-chevron-down fa-sm` : `fas fa-chevron-right fa-sm`"
-          ></osf-icon>
+      @if (item.label !== 'navigation.registriesSubRoutes.registryDetails') {
+        <a
+          [routerLink]="item.routerLink"
+          routerLinkActive="active"
+          [routerLinkActiveOptions]="{
+            exact: item.label !== 'navigation.myProjects' ? item.useExactMatch : true,
+          }"
+          class="nav-link flex align-items-center"
+          [class.mt-5]="item.label === 'navigation.settings' || item.label === 'navigation.myProjects'"
+          (click)="goToLink(item)"
+        >
+          @if (item.icon) {
+            <osf-icon [iconClass]="`nav-icon ${item.icon}`"></osf-icon>
+          }
+          <span>{{ item.label | translate }}</span>
+          @if (item.items) {
+            <osf-icon
+              class="ml-auto pt-1"
+              [iconClass]="item.expanded ? `fas fa-chevron-down fa-sm` : `fas fa-chevron-right fa-sm`"
+            ></osf-icon>
+          }
+        </a>
+
+        @if (item.label === 'navigation.myProjects' && isProjectRoute()) {
+          <div class="ml-4">
+            <p-panelMenu [model]="myProjectMenuItems" [multiple]="false">
+              <ng-template #item let-item>
+                <a
+                  [routerLink]="item.routerLink ? ['/my-projects', currentProjectId(), item.routerLink] : null"
+                  [routerLinkActive]="item.routerLink ? 'active' : ''"
+                  [routerLinkActiveOptions]="{ exact: true }"
+                  class="nav-link flex align-items-center"
+                  (click)="goToLink(item)"
+                >
+                  @if (item.icon) {
+                    <osf-icon [iconClass]="`nav-icon ${item.icon}`"></osf-icon>
+                  }
+                  <span>{{ item.label | translate }}</span>
+                  @if (item.items) {
+                    <osf-icon
+                      class="ml-auto pt-1"
+                      [iconClass]="item.expanded ? `fas fa-chevron-down fa-sm` : `fas fa-chevron-right fa-sm`"
+                    ></osf-icon>
+                  }
+                </a>
+              </ng-template>
+            </p-panelMenu>
+          </div>
         }
-      </a>
+      }
 
-      @if (item.label === 'navigation.myProjects' && isProjectRoute()) {
-        <div class="ml-4">
-          <p-panelMenu [model]="myProjectMenuItems" [multiple]="false">
-            <ng-template #item let-item>
-              <a
-                [routerLink]="item.routerLink ? ['/my-projects', currentProjectId(), item.routerLink] : null"
-                [routerLinkActive]="item.routerLink ? 'active' : ''"
-                [routerLinkActiveOptions]="{ exact: true }"
-                class="nav-link flex align-items-center"
-                (click)="goToLink(item)"
-              >
-                @if (item.icon) {
-                  <osf-icon [iconClass]="`nav-icon ${item.icon}`"></osf-icon>
-                }
-                <span>{{ item.label | translate }}</span>
-                @if (item.items) {
-                  <osf-icon
-                    class="ml-auto pt-1"
-                    [iconClass]="item.expanded ? `fas fa-chevron-down fa-sm` : `fas fa-chevron-right fa-sm`"
-                  ></osf-icon>
-                }
-              </a>
-            </ng-template>
-          </p-panelMenu>
-        </div>
+      @if (item.label === 'navigation.registriesSubRoutes.registryDetails' && isRegistryRoute()) {
+        <p-panelMenu [model]="registrationMenuItems" [multiple]="false" class="border-none">
+          <ng-template #item let-item>
+            <a
+              [routerLink]="item.routerLink ? ['/my-projects', currentProjectId(), item.routerLink] : null"
+              [routerLinkActive]="item.routerLink ? 'active' : ''"
+              [routerLinkActiveOptions]="{ exact: true }"
+              class="nav-link flex align-items-center"
+              (click)="goToLink(item)"
+            >
+              @if (item.icon) {
+                <osf-icon [iconClass]="`nav-icon ${item.icon}`"></osf-icon>
+              }
+              <span>{{ item.label | translate }}</span>
+              @if (item.items) {
+                <osf-icon
+                  class="ml-auto pt-1"
+                  [iconClass]="item.expanded ? `fas fa-chevron-down fa-sm` : `fas fa-chevron-right fa-sm`"
+                ></osf-icon>
+              }
+            </a>
+          </ng-template>
+        </p-panelMenu>
       }
     </ng-template>
   </p-panelMenu>
diff --git a/src/app/core/components/nav-menu/nav-menu.component.scss b/src/app/core/components/nav-menu/nav-menu.component.scss
index 5f4e7a8aa..8dd89b684 100644
--- a/src/app/core/components/nav-menu/nav-menu.component.scss
+++ b/src/app/core/components/nav-menu/nav-menu.component.scss
@@ -9,4 +9,8 @@
     border-radius: mix.rem(8px);
     font-weight: 700;
   }
+
+  ::ng-deep li[aria-label="navigation.registriesSubRoutes.registryDetails"] {
+    border-left-color: transparent !important;
+  }
 }
diff --git a/src/app/core/components/nav-menu/nav-menu.component.ts b/src/app/core/components/nav-menu/nav-menu.component.ts
index 78ea01bb3..cd2674c02 100644
--- a/src/app/core/components/nav-menu/nav-menu.component.ts
+++ b/src/app/core/components/nav-menu/nav-menu.component.ts
@@ -9,7 +9,7 @@ import { Component, computed, inject, output } from '@angular/core';
 import { toSignal } from '@angular/core/rxjs-interop';
 import { ActivatedRoute, NavigationEnd, Router, RouterLink, RouterLinkActive } from '@angular/router';
 
-import { NAV_ITEMS, PROJECT_MENU_ITEMS } from '@core/constants';
+import { NAV_ITEMS, PROJECT_MENU_ITEMS, REGISTRATION_MENU_ITEMS } from '@core/constants';
 import { IconComponent } from '@osf/shared/components';
 import { NavItem } from '@osf/shared/models';
 
@@ -24,6 +24,7 @@ export class NavMenuComponent {
   private readonly route = inject(ActivatedRoute);
   protected readonly navItems = NAV_ITEMS;
   protected readonly myProjectMenuItems = PROJECT_MENU_ITEMS;
+  protected readonly registrationMenuItems = REGISTRATION_MENU_ITEMS;
 
   closeMenu = output<void>();
 
@@ -40,6 +41,7 @@ export class NavMenuComponent {
   protected readonly currentProjectId = computed(() => this.currentRoute().projectId);
   protected readonly isProjectRoute = computed(() => !!this.currentProjectId());
   protected readonly isCollectionsRoute = computed(() => this.currentRoute().isCollectionsWithId);
+  protected readonly isRegistryRoute = computed(() => this.currentRoute().isRegistryRoute);
 
   protected readonly mainMenuItems = computed(() => {
     const filteredItems = this.isCollectionsRoute()
@@ -73,11 +75,14 @@ export class NavMenuComponent {
     const section = this.route.firstChild?.firstChild?.snapshot.url[0]?.path || 'overview';
 
     const isCollectionsWithId = urlSegments[0] === 'collections' && urlSegments[1] && urlSegments[1] !== '';
+    const isRegistryRoute =
+      urlSegments[0] === 'registries' && urlSegments[1] === 'my-registrations' && !!urlSegments[2];
 
     return {
       projectId,
       section,
       isCollectionsWithId,
+      isRegistryRoute,
     };
   }
 
diff --git a/src/app/core/constants/nav-items.constant.ts b/src/app/core/constants/nav-items.constant.ts
index efaf70427..aad780130 100644
--- a/src/app/core/constants/nav-items.constant.ts
+++ b/src/app/core/constants/nav-items.constant.ts
@@ -40,6 +40,16 @@ export const NAV_ITEMS: NavItem[] = [
         label: 'navigation.registriesSubRoutes.overview',
         useExactMatch: false,
       },
+      {
+        path: '/my-registrations',
+        label: 'navigation.registriesSubRoutes.myRegistrations',
+        useExactMatch: false,
+      },
+      {
+        path: '/registry-overview',
+        label: 'navigation.registriesSubRoutes.registryDetails',
+        useExactMatch: false,
+      },
     ],
   },
   {
@@ -165,3 +175,21 @@ export const PROJECT_MENU_ITEMS: MenuItem[] = [
     ],
   },
 ];
+
+export const REGISTRATION_MENU_ITEMS: MenuItem[] = [
+  {
+    label: 'navigation.registration.details',
+    icon: 'osf-icon-my-projects',
+    expanded: true,
+    items: [
+      { label: 'navigation.registration.overview', routerLink: 'overview' },
+      { label: 'navigation.registration.metadata', routerLink: 'metadata' },
+      { label: 'navigation.registration.files', routerLink: 'files' },
+      { label: 'navigation.registration.resources', routerLink: 'resources' },
+      { label: 'navigation.registration.wiki', routerLink: 'wiki' },
+      { label: 'navigation.registration.components', routerLink: 'components' },
+      { label: 'navigation.registration.links', routerLink: 'links' },
+      { label: 'navigation.registration.analytics', routerLink: 'analytics' },
+    ],
+  },
+];
diff --git a/src/app/features/collections/services/collections.service.ts b/src/app/features/collections/services/collections.service.ts
index 1d24bd07b..b47fdcc75 100644
--- a/src/app/features/collections/services/collections.service.ts
+++ b/src/app/features/collections/services/collections.service.ts
@@ -157,4 +157,32 @@ export class CollectionsService {
       })
     );
   }
+
+  addRegistrationToBookmarks(bookmarksId: string, registryId: string): Observable<void> {
+    const url = `${environment.apiUrl}/collections/${bookmarksId}/relationships/linked_registrations/`;
+    const payload = {
+      data: [
+        {
+          type: 'linked_registrations',
+          id: registryId,
+        },
+      ],
+    };
+
+    return this.#jsonApiService.post<void>(url, payload);
+  }
+
+  removeRegistrationFromBookmarks(bookmarksId: string, registryId: string): Observable<void> {
+    const url = `${environment.apiUrl}/collections/${bookmarksId}/relationships/linked_registrations/`;
+    const payload = {
+      data: [
+        {
+          type: 'linked_registrations',
+          id: registryId,
+        },
+      ],
+    };
+
+    return this.#jsonApiService.delete(url, payload);
+  }
 }
diff --git a/src/app/features/collections/store/collections.actions.ts b/src/app/features/collections/store/collections.actions.ts
index 71a33e3e1..f49040405 100644
--- a/src/app/features/collections/store/collections.actions.ts
+++ b/src/app/features/collections/store/collections.actions.ts
@@ -1,4 +1,5 @@
 import { CollectionsFilters } from '@osf/features/collections/models';
+import { ResourceType } from '@shared/enums';
 
 export class GetCollectionProvider {
   static readonly type = '[Collections] Get Collection Provider';
@@ -16,21 +17,23 @@ export class GetBookmarksCollectionId {
   static readonly type = '[Collections] Get Bookmarks Collection Id';
 }
 
-export class AddProjectToBookmarks {
-  static readonly type = '[Collections] Add Project To Bookmarks';
+export class AddResourceToBookmarks {
+  static readonly type = '[Collections] Add Resource To Bookmarks';
 
   constructor(
     public bookmarksId: string,
-    public projectId: string
+    public resourceId: string,
+    public resourceType: ResourceType
   ) {}
 }
 
-export class RemoveProjectFromBookmarks {
-  static readonly type = '[Collections] Remove Project From Bookmarks';
+export class RemoveResourceFromBookmarks {
+  static readonly type = '[Collections] Remove Resource From Bookmarks';
 
   constructor(
     public bookmarksId: string,
-    public projectId: string
+    public resourceId: string,
+    public resourceType: ResourceType
   ) {}
 }
 
diff --git a/src/app/features/collections/store/collections.state.ts b/src/app/features/collections/store/collections.state.ts
index c7e7c07ce..8705445fd 100644
--- a/src/app/features/collections/store/collections.state.ts
+++ b/src/app/features/collections/store/collections.state.ts
@@ -1,20 +1,22 @@
 import { Action, State, StateContext } from '@ngxs/store';
 
-import { catchError, tap, throwError } from 'rxjs';
+import { catchError, EMPTY, tap, throwError } from 'rxjs';
 
 import { Injectable } from '@angular/core';
 
+import { ResourceType } from '@shared/enums';
+
 import { CollectionsService } from '../services';
 
 import {
-  AddProjectToBookmarks,
+  AddResourceToBookmarks,
   ClearCollections,
   ClearCollectionSubmissions,
   GetBookmarksCollectionId,
   GetCollectionDetails,
   GetCollectionProvider,
   GetCollectionSubmissions,
-  RemoveProjectFromBookmarks,
+  RemoveResourceFromBookmarks,
   SetAllFilters,
   SetCollectedTypeFilters,
   SetDataTypeFilters,
@@ -167,8 +169,8 @@ export class CollectionsState {
     );
   }
 
-  @Action(AddProjectToBookmarks)
-  addProjectToBookmarks(ctx: StateContext<CollectionsStateModel>, action: AddProjectToBookmarks) {
+  @Action(AddResourceToBookmarks)
+  addResourceToBookmarks(ctx: StateContext<CollectionsStateModel>, action: AddResourceToBookmarks) {
     const state = ctx.getState();
     ctx.patchState({
       bookmarksId: {
@@ -177,21 +179,38 @@ export class CollectionsState {
       },
     });
 
-    return this.collectionsService.addProjectToBookmarks(action.bookmarksId, action.projectId).pipe(
-      tap(() => {
-        ctx.patchState({
-          bookmarksId: {
-            ...state.bookmarksId,
-            isSubmitting: false,
-          },
-        });
-      }),
-      catchError((error) => this.handleError(ctx, 'bookmarksId', error))
-    );
+    switch (action.resourceType) {
+      case ResourceType.Project:
+        return this.collectionsService.addProjectToBookmarks(action.bookmarksId, action.resourceId).pipe(
+          tap(() => {
+            ctx.patchState({
+              bookmarksId: {
+                ...state.bookmarksId,
+                isSubmitting: false,
+              },
+            });
+          }),
+          catchError((error) => this.handleError(ctx, 'bookmarksId', error))
+        );
+      case ResourceType.Registration:
+        return this.collectionsService.addRegistrationToBookmarks(action.bookmarksId, action.resourceId).pipe(
+          tap(() => {
+            ctx.patchState({
+              bookmarksId: {
+                ...state.bookmarksId,
+                isSubmitting: false,
+              },
+            });
+          }),
+          catchError((error) => this.handleError(ctx, 'bookmarksId', error))
+        );
+      default:
+        return EMPTY;
+    }
   }
 
-  @Action(RemoveProjectFromBookmarks)
-  removeProjectFromBookmarks(ctx: StateContext<CollectionsStateModel>, action: RemoveProjectFromBookmarks) {
+  @Action(RemoveResourceFromBookmarks)
+  removeResourceFromBookmarks(ctx: StateContext<CollectionsStateModel>, action: RemoveResourceFromBookmarks) {
     const state = ctx.getState();
     ctx.patchState({
       bookmarksId: {
@@ -200,17 +219,34 @@ export class CollectionsState {
       },
     });
 
-    return this.collectionsService.removeProjectFromBookmarks(action.bookmarksId, action.projectId).pipe(
-      tap(() => {
-        ctx.patchState({
-          bookmarksId: {
-            ...state.bookmarksId,
-            isSubmitting: false,
-          },
-        });
-      }),
-      catchError((error) => this.handleError(ctx, 'bookmarksId', error))
-    );
+    switch (action.resourceType) {
+      case ResourceType.Project:
+        return this.collectionsService.removeProjectFromBookmarks(action.bookmarksId, action.resourceId).pipe(
+          tap(() => {
+            ctx.patchState({
+              bookmarksId: {
+                ...state.bookmarksId,
+                isSubmitting: false,
+              },
+            });
+          }),
+          catchError((error) => this.handleError(ctx, 'bookmarksId', error))
+        );
+      case ResourceType.Registration:
+        return this.collectionsService.removeRegistrationFromBookmarks(action.bookmarksId, action.resourceId).pipe(
+          tap(() => {
+            ctx.patchState({
+              bookmarksId: {
+                ...state.bookmarksId,
+                isSubmitting: false,
+              },
+            });
+          }),
+          catchError((error) => this.handleError(ctx, 'bookmarksId', error))
+        );
+      default:
+        return EMPTY;
+    }
   }
 
   @Action(ClearCollections)
diff --git a/src/app/features/my-projects/models/my-projects-endpoint.type.ts b/src/app/features/my-projects/models/my-projects-endpoint.type.ts
index 90e5e60b7..8a8bdf7d4 100644
--- a/src/app/features/my-projects/models/my-projects-endpoint.type.ts
+++ b/src/app/features/my-projects/models/my-projects-endpoint.type.ts
@@ -1 +1 @@
-export type EndpointType = 'nodes' | 'registrations' | 'preprints' | `collections/${string}/linked_nodes/`;
+export type EndpointType = 'nodes' | 'registrations' | 'preprints' | `collections/${string}/${string}/`;
diff --git a/src/app/features/my-projects/my-projects.component.ts b/src/app/features/my-projects/my-projects.component.ts
index 35e71d561..a1651ecff 100644
--- a/src/app/features/my-projects/my-projects.component.ts
+++ b/src/app/features/my-projects/my-projects.component.ts
@@ -27,7 +27,7 @@ import { ActivatedRoute, Router } from '@angular/router';
 import { MY_PROJECTS_TABLE_PARAMS } from '@osf/core/constants';
 import { parseQueryFilterParams } from '@osf/core/helpers';
 import { AddProjectFormComponent, MyProjectsTableComponent, SubHeaderComponent } from '@osf/shared/components';
-import { SortOrder } from '@osf/shared/enums';
+import { ResourceType, SortOrder } from '@osf/shared/enums';
 import { QueryParams, TableParameters, TabOption } from '@osf/shared/models';
 import { IS_MEDIUM, IS_WEB, IS_XSMALL } from '@osf/shared/utils';
 
@@ -232,7 +232,7 @@ export class MyProjectsComponent implements OnInit {
       case 3:
         if (this.bookmarksCollectionId()) {
           action$ = this.#store.dispatch(
-            new GetMyBookmarks(this.bookmarksCollectionId(), pageNumber, pageSize, filters)
+            new GetMyBookmarks(this.bookmarksCollectionId(), pageNumber, pageSize, filters, ResourceType.Null)
           );
         }
         break;
diff --git a/src/app/features/my-projects/services/my-projects.service.ts b/src/app/features/my-projects/services/my-projects.service.ts
index 0ffd9b6b3..1f9c6b8a7 100644
--- a/src/app/features/my-projects/services/my-projects.service.ts
+++ b/src/app/features/my-projects/services/my-projects.service.ts
@@ -1,12 +1,11 @@
-import { Observable } from 'rxjs';
+import { EMPTY, Observable } from 'rxjs';
 import { map } from 'rxjs/operators';
 
 import { inject, Injectable } from '@angular/core';
 
 import { JsonApiResponse } from '@core/models';
 import { JsonApiService } from '@osf/core/services';
-import { SparseCollectionsResponseJsonApi } from '@osf/features/collections/models';
-import { SortOrder } from '@osf/shared/enums';
+import { ResourceType, SortOrder } from '@osf/shared/enums';
 import { NodeResponseModel, UpdateNodeRequestModel } from '@shared/models';
 
 import { MyProjectsMapper } from '../mappers';
@@ -38,14 +37,18 @@ export class MyProjectsService {
     endpoint: EndpointType,
     filters?: MyProjectsSearchFilters,
     pageNumber?: number,
-    pageSize?: number
+    pageSize?: number,
+    fields?: string
   ): Observable<MyProjectsItemResponseJsonApi> {
     const params: Record<string, unknown> = {
       'embed[]': ['bibliographic_contributors'],
-      [`fields[${endpoint}]`]: 'title,date_modified,public,bibliographic_contributors',
       'fields[users]': 'family_name,full_name,given_name,middle_name',
     };
 
+    if (fields) {
+      params[`fields[${fields}]`] = 'title,date_modified,public,bibliographic_contributors';
+    }
+
     if (filters?.searchValue && filters.searchFields?.length) {
       params[`filter[${filters.searchFields.join(',')}]`] = filters.searchValue;
     }
@@ -83,7 +86,7 @@ export class MyProjectsService {
     pageNumber?: number,
     pageSize?: number
   ): Observable<MyProjectsItemResponseJsonApi> {
-    return this.getMyItems('nodes', filters, pageNumber, pageSize);
+    return this.getMyItems('nodes', filters, pageNumber, pageSize, 'nodes');
   }
 
   getBookmarksCollectionId(): Observable<string> {
@@ -106,7 +109,7 @@ export class MyProjectsService {
     pageNumber?: number,
     pageSize?: number
   ): Observable<MyProjectsItemResponseJsonApi> {
-    return this.getMyItems('registrations', filters, pageNumber, pageSize);
+    return this.getMyItems('registrations', filters, pageNumber, pageSize, 'registrations');
   }
 
   getMyPreprints(
@@ -114,16 +117,38 @@ export class MyProjectsService {
     pageNumber?: number,
     pageSize?: number
   ): Observable<MyProjectsItemResponseJsonApi> {
-    return this.getMyItems('preprints', filters, pageNumber, pageSize);
+    return this.getMyItems('preprints', filters, pageNumber, pageSize, 'preprints');
   }
 
   getMyBookmarks(
     collectionId: string,
+    resourceType: ResourceType,
     filters?: MyProjectsSearchFilters,
     pageNumber?: number,
     pageSize?: number
   ): Observable<MyProjectsItemResponseJsonApi> {
-    return this.getMyItems(`collections/${collectionId}/linked_nodes/`, filters, pageNumber, pageSize);
+    switch (resourceType) {
+      case ResourceType.Project:
+        return this.getMyItems(`collections/${collectionId}/linked_nodes/`, filters, pageNumber, pageSize, 'nodes');
+      case ResourceType.Registration:
+        return this.getMyItems(
+          `collections/${collectionId}/linked_registrations/`,
+          filters,
+          pageNumber,
+          pageSize,
+          'registrations'
+        );
+      case ResourceType.Preprint:
+        return this.getMyItems(
+          `collections/${collectionId}/linked_preprints/`,
+          filters,
+          pageNumber,
+          pageSize,
+          'preprints'
+        );
+      default:
+        return EMPTY;
+    }
   }
 
   createProject(
diff --git a/src/app/features/my-projects/store/my-projects.actions.ts b/src/app/features/my-projects/store/my-projects.actions.ts
index cec08abc5..e2dd9a2e3 100644
--- a/src/app/features/my-projects/store/my-projects.actions.ts
+++ b/src/app/features/my-projects/store/my-projects.actions.ts
@@ -1,3 +1,5 @@
+import { ResourceType } from '@shared/enums';
+
 import { MyProjectsSearchFilters } from '../models';
 
 export class GetMyProjects {
@@ -37,7 +39,8 @@ export class GetMyBookmarks {
     public bookmarksId: string,
     public pageNumber: number,
     public pageSize: number,
-    public filters: MyProjectsSearchFilters
+    public filters: MyProjectsSearchFilters,
+    public resourceType: ResourceType
   ) {}
 }
 
diff --git a/src/app/features/my-projects/store/my-projects.state.ts b/src/app/features/my-projects/store/my-projects.state.ts
index 630f4b9ae..aa404737f 100644
--- a/src/app/features/my-projects/store/my-projects.state.ts
+++ b/src/app/features/my-projects/store/my-projects.state.ts
@@ -1,9 +1,11 @@
 import { Action, State, StateContext } from '@ngxs/store';
 
-import { catchError, tap, throwError } from 'rxjs';
+import { catchError, forkJoin, tap, throwError } from 'rxjs';
 
 import { inject, Injectable } from '@angular/core';
 
+import { ResourceType } from '@shared/enums';
+
 import { MyProjectsService } from '../services';
 
 import {
@@ -135,21 +137,65 @@ export class MyProjectsState {
       },
     });
 
-    return this.myProjectsService
-      .getMyBookmarks(action.bookmarksId, action.filters, action.pageNumber, action.pageSize)
-      .pipe(
-        tap((res) => {
+    if (action.resourceType !== ResourceType.Null) {
+      return this.myProjectsService
+        .getMyBookmarks(action.bookmarksId, action.resourceType, action.filters, action.pageNumber, action.pageSize)
+        .pipe(
+          tap((res) => {
+            ctx.patchState({
+              bookmarks: {
+                data: res.data,
+                isLoading: false,
+                error: null,
+              },
+              totalBookmarks: res.links.meta.total,
+            });
+          }),
+          catchError((error) => this.handleError(ctx, ['bookmarks', 'totalBookmarks'], error))
+        );
+    } else {
+      return forkJoin({
+        projects: this.myProjectsService.getMyBookmarks(
+          action.bookmarksId,
+          ResourceType.Project,
+          action.filters,
+          action.pageNumber,
+          action.pageSize
+        ),
+        preprints: this.myProjectsService.getMyBookmarks(
+          action.bookmarksId,
+          ResourceType.Preprint,
+          action.filters,
+          action.pageNumber,
+          action.pageSize
+        ),
+        registrations: this.myProjectsService.getMyBookmarks(
+          action.bookmarksId,
+          ResourceType.Registration,
+          action.filters,
+          action.pageNumber,
+          action.pageSize
+        ),
+      }).pipe(
+        tap((results) => {
+          const allData = [...results.projects.data, ...results.preprints.data, ...results.registrations.data];
+          const totalCount =
+            results.projects.links.meta.total +
+            results.preprints.links.meta.total +
+            results.registrations.links.meta.total;
+
           ctx.patchState({
             bookmarks: {
-              data: res.data,
+              data: allData,
               isLoading: false,
               error: null,
             },
-            totalBookmarks: res.links.meta.total,
+            totalBookmarks: totalCount,
           });
         }),
         catchError((error) => this.handleError(ctx, 'bookmarks', error))
       );
+    }
   }
 
   @Action(ClearMyProjects)
diff --git a/src/app/features/project/overview/components/fork-dialog/fork-dialog.component.ts b/src/app/features/project/overview/components/fork-dialog/fork-dialog.component.ts
index c84489acc..b8e262ac5 100644
--- a/src/app/features/project/overview/components/fork-dialog/fork-dialog.component.ts
+++ b/src/app/features/project/overview/components/fork-dialog/fork-dialog.component.ts
@@ -3,12 +3,13 @@ import { select, Store } from '@ngxs/store';
 import { TranslatePipe } from '@ngx-translate/core';
 
 import { Button } from 'primeng/button';
-import { DynamicDialogRef } from 'primeng/dynamicdialog';
+import { DynamicDialogConfig, DynamicDialogRef } from 'primeng/dynamicdialog';
 
 import { ChangeDetectionStrategy, Component, DestroyRef, inject } from '@angular/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 
-import { ForkProject, ProjectOverviewSelectors } from '@osf/features/project/overview/store';
+import { ForkResource, ProjectOverviewSelectors } from '@osf/features/project/overview/store';
+import { ToolbarResource } from '@shared/models';
 import { ToastService } from '@shared/services';
 
 @Component({
@@ -24,13 +25,14 @@ export class ForkDialogComponent {
   protected dialogRef = inject(DynamicDialogRef);
   protected destroyRef = inject(DestroyRef);
   protected isSubmitting = select(ProjectOverviewSelectors.getForkProjectSubmitting);
+  readonly config = inject(DynamicDialogConfig);
 
   protected handleForkConfirm(): void {
-    const project = this.store.selectSnapshot(ProjectOverviewSelectors.getProject);
-    if (!project) return;
+    const resource = this.config.data.resource as ToolbarResource;
+    if (!resource) return;
 
     this.store
-      .dispatch(new ForkProject(project.id))
+      .dispatch(new ForkResource(resource.id, resource.resourceType))
       .pipe(takeUntilDestroyed(this.destroyRef))
       .subscribe({
         next: () => {
diff --git a/src/app/features/project/overview/components/index.ts b/src/app/features/project/overview/components/index.ts
index 81dbf7169..0f0468e51 100644
--- a/src/app/features/project/overview/components/index.ts
+++ b/src/app/features/project/overview/components/index.ts
@@ -4,7 +4,6 @@ export { DuplicateDialogComponent } from './duplicate-dialog/duplicate-dialog.co
 export { ForkDialogComponent } from './fork-dialog/fork-dialog.component';
 export { LinkedProjectsComponent } from './linked-projects/linked-projects.component';
 export { OverviewComponentsComponent } from './overview-components/overview-components.component';
-export { OverviewMetadataComponent } from './overview-metadata/overview-metadata.component';
 export { OverviewToolbarComponent } from './overview-toolbar/overview-toolbar.component';
 export { OverviewWikiComponent } from './overview-wiki/overview-wiki.component';
 export { RecentActivityComponent } from './recent-activity/recent-activity.component';
diff --git a/src/app/features/project/overview/components/overview-metadata/overview-metadata.component.html b/src/app/features/project/overview/components/overview-metadata/overview-metadata.component.html
deleted file mode 100644
index 930f0b867..000000000
--- a/src/app/features/project/overview/components/overview-metadata/overview-metadata.component.html
+++ /dev/null
@@ -1,131 +0,0 @@
-@let project = currentProject();
-
-@if (project) {
-  <div class="metadata flex flex-column gap-5">
-    <div class="metadata-header flex align-items-center justify-content-between">
-      <h2>{{ 'project.overview.metadata.title' | translate }}</h2>
-
-      <p-button
-        [routerLink]="'../metadata'"
-        severity="secondary"
-        [label]="'common.buttons.edit' | translate"
-      ></p-button>
-    </div>
-
-    <div class="flex flex-column gap-2">
-      <h3>{{ 'project.overview.metadata.contributors' | translate }}</h3>
-
-      <div class="flex gap-1 line-height-2">
-        @for (contributor of project.contributors; track contributor.id) {
-          <div>
-            <a class="font-bold"> {{ contributor.fullName }}</a>
-            <span>{{ $last ? '' : ',' }}</span>
-          </div>
-        }
-      </div>
-    </div>
-
-    <div class="flex flex-column gap-2">
-      <h3>{{ 'project.overview.metadata.description' | translate }}</h3>
-
-      <osf-truncated-text
-        [maxVisibleLines]="3"
-        [text]="project.description ? project.description : ('project.overview.metadata.noDescription' | translate)"
-      />
-    </div>
-
-    <div class="flex flex-column gap-2">
-      <h3>{{ 'project.overview.metadata.supplements' | translate }}</h3>
-
-      @if (project.supplements?.length) {
-        @for (supplement of project.supplements; track supplement.id) {
-          <p>
-            {{ 'project.overview.metadata.supplementsText1' | translate }}
-            <a class="font-bold" target="_blank" href="{{ supplement.url }}">{{
-              supplement.title + ', ' + (supplement.dateCreated | date: 'MMMM d, y')
-            }}</a>
-            {{ 'project.overview.metadata.supplementsText2' | translate }}
-          </p>
-        }
-      } @else {
-        <p>{{ 'project.overview.metadata.noSupplements' | translate }}</p>
-      }
-    </div>
-
-    <div class="flex gap-5 lg:gap-2 lg:justify-content-between">
-      <div class="flex flex-column gap-2">
-        <h3>{{ 'project.overview.metadata.dateCreated' | translate }}</h3>
-        <p>{{ project.dateCreated | date: 'MMM d, y, h:mm a' }}</p>
-      </div>
-
-      <div class="flex flex-column gap-2">
-        <h3>{{ 'project.overview.metadata.dateUpdated' | translate }}</h3>
-        <p>{{ project.dateModified | date: 'MMM d, y, h:mm a' }}</p>
-      </div>
-    </div>
-
-    <div class="flex flex-column gap-2">
-      <h3>{{ 'project.overview.metadata.license' | translate }}</h3>
-
-      <div>{{ project.license?.name ?? ('project.overview.metadata.noLicense' | translate) }}</div>
-    </div>
-
-    <div class="flex flex-column gap-2">
-      <h3>{{ 'project.overview.metadata.publication' | translate }}</h3>
-
-      @if (project.identifiers?.length) {
-        @for (identifier of project.identifiers; track identifier.id) {
-          @if (identifier.category === 'doi') {
-            <p>
-              {{ identifier.value }}
-            </p>
-          }
-        }
-      } @else {
-        <p>{{ 'project.overview.metadata.noPublicationDoi' | translate }}</p>
-      }
-    </div>
-
-    <div class="flex flex-column gap-2">
-      <h3>{{ 'project.overview.metadata.affiliatedInstitutions' | translate }}</h3>
-
-      <div class="flex gap-2">
-        @if (project.affiliatedInstitutions?.length) {
-          @for (institution of project.affiliatedInstitutions; track institution.id) {
-            <img alt="institution logo" [src]="institution.logo" height="45" />
-          }
-        } @else {
-          <p>{{ 'project.overview.metadata.noAffiliatedInstitutions' | translate }}</p>
-        }
-      </div>
-    </div>
-
-    <div class="flex flex-column gap-2">
-      <h3>{{ 'project.overview.metadata.subjects' | translate }}</h3>
-
-      <div class="flex flex-wrap align-items-center gap-2">
-        @if (project.subjects.length) {
-          @for (subject of project.subjects; track subject.id) {
-            <p-tag [value]="subject.text" severity="info" />
-          }
-        } @else {
-          <p>{{ 'project.overview.metadata.noSubjects' | translate }}</p>
-        }
-      </div>
-    </div>
-
-    <div class="flex flex-column gap-2">
-      <h3>{{ 'project.overview.metadata.tags' | translate }}</h3>
-
-      @if (project.tags.length) {
-        <div class="flex flex-wrap align-items-center gap-2">
-          @for (tag of project.tags; track tag) {
-            <p-tag [value]="tag" severity="info" />
-          }
-        </div>
-      } @else {
-        <p>{{ 'project.overview.metadata.noTags' | translate }}</p>
-      }
-    </div>
-  </div>
-}
diff --git a/src/app/features/project/overview/components/overview-metadata/overview-metadata.component.ts b/src/app/features/project/overview/components/overview-metadata/overview-metadata.component.ts
deleted file mode 100644
index 9b589984c..000000000
--- a/src/app/features/project/overview/components/overview-metadata/overview-metadata.component.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import { select } from '@ngxs/store';
-
-import { TranslatePipe } from '@ngx-translate/core';
-
-import { Button } from 'primeng/button';
-import { Tag } from 'primeng/tag';
-
-import { DatePipe } from '@angular/common';
-import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { RouterLink } from '@angular/router';
-
-import { ProjectOverviewSelectors } from '@osf/features/project/overview/store';
-import { TruncatedTextComponent } from '@shared/components';
-
-@Component({
-  selector: 'osf-overview-metadata',
-  imports: [Button, TranslatePipe, TruncatedTextComponent, RouterLink, Tag, DatePipe],
-  templateUrl: './overview-metadata.component.html',
-  styleUrl: './overview-metadata.component.scss',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class OverviewMetadataComponent {
-  protected currentProject = select(ProjectOverviewSelectors.getProject);
-}
diff --git a/src/app/features/project/overview/components/overview-toolbar/overview-toolbar.component.html b/src/app/features/project/overview/components/overview-toolbar/overview-toolbar.component.html
index eefc857bc..42c7d9ab1 100644
--- a/src/app/features/project/overview/components/overview-toolbar/overview-toolbar.component.html
+++ b/src/app/features/project/overview/components/overview-toolbar/overview-toolbar.component.html
@@ -1,41 +1,43 @@
-@let project = currentProject();
+@let resource = currentResource();
 
-@if (project) {
-  <div
-    class="pl-3 pb-5 pr-3 flex flex-column gap-5 sm:pl-5 sm:pr-5 lg:flex-row lg:align-items-center lg:justify-content-between"
-  >
-    <div class="flex gap-3 align-items-start">
-      <div class="flex gap-1" [class.inactive]="isPublic()">
-        <i class="fas fa-lock"></i>
-        <p class="font-bold">{{ 'project.overview.header.privateProject' | translate }}</p>
-      </div>
+@if (resource) {
+  <div class="flex flex-column gap-5 lg:flex-row lg:align-items-center lg:justify-content-between">
+    @if (visibilityToggle()) {
+      <div class="flex gap-3 align-items-center">
+        <div class="flex gap-1" [class.inactive]="isPublic()">
+          <i class="fas fa-lock"></i>
+          <p class="font-bold">{{ 'project.overview.header.privateProject' | translate }}</p>
+        </div>
 
-      <p-toggleswitch class="visibility-switch" [(ngModel)]="isPublic" (onChange)="handleToggleProjectPublicity()" />
+        <p-toggleswitch class="visibility-switch" [(ngModel)]="isPublic" (onChange)="handleToggleProjectPublicity()" />
 
-      <div class="flex gap-2" [class.inactive]="!isPublic()">
-        <i class="fas fa-lock-open"></i>
-        <p class="font-bold">{{ 'project.overview.header.publicProject' | translate }}</p>
+        <div class="flex gap-2" [class.inactive]="!isPublic()">
+          <i class="fas fa-lock-open"></i>
+          <p class="font-bold">{{ 'project.overview.header.publicProject' | translate }}</p>
+        </div>
       </div>
-    </div>
+    }
 
     <div class="flex">
       <div class="flex flex-1 flex-column-reverse gap-3 justify-content-end sm:gap-3 sm:flex-row-reverse lg:flex-row">
-        @if (project.storage) {
+        @if (resource.storage) {
           <p class="font-bold mr-2 ml-0 mt-2 sm:ml-2 sm:mt-0 sm:align-self-center storage">
-            {{ +project.storage.storageUsage | fileSize }}
+            {{ +resource.storage.storageUsage | fileSize }}
           </p>
         }
 
         <div class="flex gap-2 justify-content-start">
-          <p-button
-            class="flex"
-            [pTooltip]="'project.overview.tooltips.viewOnlyLinks' | translate"
-            tooltipPosition="bottom"
-            [routerLink]="['/my-projects', project.id, 'settings']"
-          >
-            <span class="font-bold">{{ project.viewOnlyLinksCount }}</span>
-            <i class="fas fa-link text-2xl"></i>
-          </p-button>
+          @if (showViewOnlyLinks()) {
+            <p-button
+              class="flex"
+              [pTooltip]="'project.overview.tooltips.viewOnlyLinks' | translate"
+              tooltipPosition="bottom"
+              [routerLink]="['/my-projects', resource.id, 'settings']"
+            >
+              <span class="font-bold">{{ resource.viewOnlyLinksCount }}</span>
+              <i class="fas fa-link text-2xl"></i>
+            </p-button>
+          }
 
           <p-button
             class="flex"
@@ -43,13 +45,18 @@
             [pTooltip]="'project.overview.tooltips.duplicate' | translate"
             tooltipPosition="bottom"
           >
-            <span class="font-bold">{{ project.forksCount }}</span>
+            <span class="font-bold">{{ resource.forksCount }}</span>
             <i class="fas fa-clone text-2xl"></i>
             <p-menu appendTo="body" #forkActionMenu [model]="forkActionItems" popup>
               <ng-template #item let-item>
-                <a class="p-menu-item-link">
-                  {{ item.label | translate }}
-                </a>
+                @if (
+                  item.label !== 'project.overview.actions.duplicateProject' ||
+                  currentResource()?.resourceType !== ResourceType.Registration
+                ) {
+                  <a class="p-menu-item-link">
+                    {{ item.label | translate }}
+                  </a>
+                }
               </ng-template>
             </p-menu>
           </p-button>
@@ -66,7 +73,7 @@
             }
           </p-button>
 
-          @if (project.isPublic) {
+          @if (resource.isPublic) {
             <p-button
               class="flex"
               (click)="socialsActionMenu.toggle($event)"
diff --git a/src/app/features/project/overview/components/overview-toolbar/overview-toolbar.component.ts b/src/app/features/project/overview/components/overview-toolbar/overview-toolbar.component.ts
index 5004f9cb8..f84dea1a2 100644
--- a/src/app/features/project/overview/components/overview-toolbar/overview-toolbar.component.ts
+++ b/src/app/features/project/overview/components/overview-toolbar/overview-toolbar.component.ts
@@ -11,26 +11,26 @@ import { Tooltip } from 'primeng/tooltip';
 import { timer } from 'rxjs';
 
 import { NgClass } from '@angular/common';
-import { ChangeDetectionStrategy, Component, DestroyRef, effect, inject, signal } from '@angular/core';
+import { ChangeDetectionStrategy, Component, DestroyRef, effect, inject, input, signal } from '@angular/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { FormsModule } from '@angular/forms';
 import { RouterLink } from '@angular/router';
 
 import {
-  AddProjectToBookmarks,
+  AddResourceToBookmarks,
   CollectionsSelectors,
-  RemoveProjectFromBookmarks,
+  RemoveResourceFromBookmarks,
 } from '@osf/features/collections/store';
 import { GetMyBookmarks, MyProjectsSelectors } from '@osf/features/my-projects/store';
+import { DuplicateDialogComponent, TogglePublicityDialogComponent } from '@osf/features/project/overview/components';
 import { IconComponent } from '@osf/shared/components';
 import { ToastService } from '@osf/shared/services';
+import { ResourceType } from '@shared/enums';
+import { ToolbarResource } from '@shared/models';
 import { FileSizePipe } from '@shared/pipes';
 
 import { SOCIAL_ACTION_ITEMS } from '../../constants';
-import { ProjectOverviewSelectors } from '../../store';
-import { DuplicateDialogComponent } from '../duplicate-dialog/duplicate-dialog.component';
 import { ForkDialogComponent } from '../fork-dialog/fork-dialog.component';
-import { TogglePublicityDialogComponent } from '../toggle-publicity-dialog/toggle-publicity-dialog.component';
 
 @Component({
   selector: 'osf-overview-toolbar',
@@ -58,7 +58,10 @@ export class OverviewToolbarComponent {
   protected destroyRef = inject(DestroyRef);
   protected isPublic = signal(false);
   protected isBookmarked = signal(false);
-  protected currentProject = select(ProjectOverviewSelectors.getProject);
+
+  currentResource = input.required<ToolbarResource | null>();
+  visibilityToggle = input<boolean>(true);
+  showViewOnlyLinks = input<boolean>(true);
   protected isBookmarksLoading = select(MyProjectsSelectors.getBookmarksLoading);
   protected isBookmarksSubmitting = select(CollectionsSelectors.getBookmarksCollectionIdSubmitting);
   protected bookmarksCollectionId = select(CollectionsSelectors.getBookmarksCollectionId);
@@ -66,8 +69,8 @@ export class OverviewToolbarComponent {
   protected readonly socialsActionItems = SOCIAL_ACTION_ITEMS;
   protected readonly forkActionItems = [
     {
-      label: 'project.overview.actions.forkProject',
-      command: () => this.handleForkProject(),
+      label: 'project.overview.actions.forkResource',
+      command: () => this.handleForkResource(),
     },
     {
       label: 'project.overview.actions.duplicateProject',
@@ -80,48 +83,69 @@ export class OverviewToolbarComponent {
       },
     },
   ];
+  protected readonly ResourceType = ResourceType;
 
   constructor() {
     effect(() => {
       const bookmarksId = this.bookmarksCollectionId();
+      const resource = this.currentResource();
 
-      if (!bookmarksId) {
+      if (!bookmarksId || !resource) {
         return;
       }
 
-      this.store.dispatch(new GetMyBookmarks(bookmarksId, 1, 100, {}));
+      this.store.dispatch(new GetMyBookmarks(bookmarksId, 1, 100, {}, resource.resourceType));
     });
 
     effect(() => {
-      const project = this.currentProject();
-      if (project) {
-        this.isPublic.set(project.isPublic);
+      const resource = this.currentResource();
+      if (resource) {
+        this.isPublic.set(resource.isPublic);
       }
     });
 
     effect(() => {
-      const project = this.currentProject();
+      const resource = this.currentResource();
       const bookmarks = this.bookmarkedProjects();
 
-      if (!project || !bookmarks?.length) {
+      if (!resource || !bookmarks?.length) {
         this.isBookmarked.set(false);
         return;
       }
 
-      this.isBookmarked.set(bookmarks.some((bookmark) => bookmark.id === project.id));
+      this.isBookmarked.set(bookmarks.some((bookmark) => bookmark.id === resource.id));
     });
-  }
 
-  private handleForkProject(): void {
-    this.dialogService.open(ForkDialogComponent, {
-      focusOnShow: false,
-      header: this.translateService.instant('project.overview.dialog.fork.header'),
-      closeOnEscape: true,
-      modal: true,
-      closable: true,
+    effect(() => {
+      const resource = this.currentResource();
+
+      if (resource) {
+        this.forkActionItems[0].label =
+          this.currentResource()?.resourceType === ResourceType.Project
+            ? 'project.overview.actions.forkProject'
+            : this.currentResource()?.resourceType === ResourceType.Registration
+              ? 'project.overview.actions.forkRegistry'
+              : 'project.overview.actions.forkResource';
+      }
     });
   }
 
+  private handleForkResource(): void {
+    const resource = this.currentResource();
+    if (resource) {
+      this.dialogService.open(ForkDialogComponent, {
+        focusOnShow: false,
+        header: this.translateService.instant('project.overview.dialog.fork.header'),
+        closeOnEscape: true,
+        modal: true,
+        closable: true,
+        data: {
+          resourceId: resource,
+        },
+      });
+    }
+  }
+
   private handleDuplicateProject(): void {
     this.dialogService.open(DuplicateDialogComponent, {
       focusOnShow: false,
@@ -133,15 +157,15 @@ export class OverviewToolbarComponent {
   }
 
   protected handleToggleProjectPublicity(): void {
-    const project = this.currentProject();
-    if (!project) return;
+    const resource = this.currentResource();
+    if (!resource) return;
 
-    const isCurrentlyPublic = project.isPublic;
+    const isCurrentlyPublic = resource.isPublic;
     const newPublicStatus = !isCurrentlyPublic;
 
     timer(100)
       .pipe(takeUntilDestroyed(this.destroyRef))
-      .subscribe(() => this.isPublic.set(project.isPublic));
+      .subscribe(() => this.isPublic.set(resource.isPublic));
 
     this.dialogService.open(TogglePublicityDialogComponent, {
       focusOnShow: false,
@@ -153,7 +177,7 @@ export class OverviewToolbarComponent {
       modal: true,
       closable: true,
       data: {
-        projectId: project.id,
+        projectId: resource.id,
         isCurrentlyPublic,
         newPublicStatus,
       },
@@ -161,16 +185,16 @@ export class OverviewToolbarComponent {
   }
 
   protected toggleBookmark(): void {
-    const project = this.currentProject();
+    const resource = this.currentResource();
     const bookmarksId = this.bookmarksCollectionId();
 
-    if (!project || !bookmarksId) return;
+    if (!resource || !bookmarksId) return;
 
     const newBookmarkState = !this.isBookmarked();
 
     if (!newBookmarkState) {
       this.store
-        .dispatch(new RemoveProjectFromBookmarks(bookmarksId, project.id))
+        .dispatch(new RemoveResourceFromBookmarks(bookmarksId, resource.id, resource.resourceType))
         .pipe(takeUntilDestroyed(this.destroyRef))
         .subscribe({
           next: () => {
@@ -180,7 +204,7 @@ export class OverviewToolbarComponent {
         });
     } else {
       this.store
-        .dispatch(new AddProjectToBookmarks(bookmarksId, project.id))
+        .dispatch(new AddResourceToBookmarks(bookmarksId, resource.id, resource.resourceType))
         .pipe(takeUntilDestroyed(this.destroyRef))
         .subscribe({
           next: () => {
diff --git a/src/app/features/project/overview/project-overview.component.html b/src/app/features/project/overview/project-overview.component.html
index def507fa3..ff48a93fe 100644
--- a/src/app/features/project/overview/project-overview.component.html
+++ b/src/app/features/project/overview/project-overview.component.html
@@ -5,7 +5,9 @@
     <osf-sub-header [title]="project.title" />
   </div>
 
-  <osf-overview-toolbar />
+  <div class="px-3 pb-5 flex flex-column sm:px-5">
+    <osf-overview-toolbar [currentResource]="currentResource()" />
+  </div>
 
   <div class="flex gap-4 bg-white h-full p-3 flex-column-reverse sm:p-4 lg:flex-row">
     <div class="flex flex-column gap-4 left-section">
@@ -16,7 +18,7 @@
     </div>
 
     <div class="flex flex-column right-section p-4">
-      <osf-overview-metadata />
+      <osf-resource-metadata [currentResource]="resourceOverview()" />
     </div>
   </div>
 } @else {
diff --git a/src/app/features/project/overview/project-overview.component.ts b/src/app/features/project/overview/project-overview.component.ts
index bb84cc574..356a66657 100644
--- a/src/app/features/project/overview/project-overview.component.ts
+++ b/src/app/features/project/overview/project-overview.component.ts
@@ -5,19 +5,20 @@ import { DialogService } from 'primeng/dynamicdialog';
 import { TagModule } from 'primeng/tag';
 
 import { CommonModule } from '@angular/common';
-import { ChangeDetectionStrategy, Component, DestroyRef, HostBinding, inject, OnInit } from '@angular/core';
+import { ChangeDetectionStrategy, Component, computed, DestroyRef, HostBinding, inject, OnInit } from '@angular/core';
 import { FormsModule } from '@angular/forms';
 import { ActivatedRoute } from '@angular/router';
 
 import { ClearCollections, GetBookmarksCollectionId } from '@osf/features/collections/store';
-import { LoadingSpinnerComponent, SubHeaderComponent } from '@osf/shared/components';
+import { LoadingSpinnerComponent, ResourceMetadataComponent, SubHeaderComponent } from '@shared/components';
+import { ResourceType } from '@shared/enums';
+import { MapProjectOverview } from '@shared/mappers/resource-overview.mappers';
 
 import { ClearWiki, GetHomeWiki } from '../wiki/store';
 
 import {
   LinkedProjectsComponent,
   OverviewComponentsComponent,
-  OverviewMetadataComponent,
   OverviewToolbarComponent,
   OverviewWikiComponent,
   RecentActivityComponent,
@@ -45,8 +46,8 @@ import {
     OverviewComponentsComponent,
     LinkedProjectsComponent,
     RecentActivityComponent,
-    OverviewMetadataComponent,
     OverviewToolbarComponent,
+    ResourceMetadataComponent,
   ],
   providers: [DialogService],
   changeDetection: ChangeDetectionStrategy.OnPush,
@@ -69,7 +70,27 @@ export class ProjectOverviewComponent implements OnInit {
   });
 
   protected currentProject = select(ProjectOverviewSelectors.getProject);
+  protected resourceOverview = computed(() => {
+    const project = this.currentProject();
+    if (project) {
+      return MapProjectOverview(project);
+    }
+    return null;
+  });
   protected isProjectLoading = select(ProjectOverviewSelectors.getProjectLoading);
+  protected currentResource = computed(() => {
+    if (this.currentProject()) {
+      return {
+        id: this.currentProject()!.id,
+        isPublic: this.currentProject()!.isPublic,
+        storage: this.currentProject()!.storage,
+        viewOnlyLinksCount: this.currentProject()!.viewOnlyLinksCount,
+        forksCount: this.currentProject()!.forksCount,
+        resourceType: ResourceType.Project,
+      };
+    }
+    return null;
+  });
 
   constructor() {
     this.setupCleanup();
diff --git a/src/app/features/project/overview/services/project-overview.service.ts b/src/app/features/project/overview/services/project-overview.service.ts
index e774a11f0..2775e166c 100644
--- a/src/app/features/project/overview/services/project-overview.service.ts
+++ b/src/app/features/project/overview/services/project-overview.service.ts
@@ -56,14 +56,14 @@ export class ProjectOverviewService {
     return this.#jsonApiService.patch<void>(`${environment.apiUrl}/nodes/${projectId}/`, payload);
   }
 
-  forkProject(projectId: string): Observable<void> {
+  forkResource(projectId: string, resourceType: string): Observable<void> {
     const payload = {
       data: {
-        type: 'nodes',
+        type: resourceType,
       },
     };
 
-    return this.#jsonApiService.post<void>(`${environment.apiUrl}/nodes/${projectId}/forks/`, payload);
+    return this.#jsonApiService.post<void>(`${environment.apiUrl}/${resourceType}/${projectId}/forks/`, payload);
   }
 
   duplicateProject(projectId: string, title: string): Observable<void> {
diff --git a/src/app/features/project/overview/store/project-overview.actions.ts b/src/app/features/project/overview/store/project-overview.actions.ts
index b27a9d663..8c5f24957 100644
--- a/src/app/features/project/overview/store/project-overview.actions.ts
+++ b/src/app/features/project/overview/store/project-overview.actions.ts
@@ -1,3 +1,5 @@
+import { ResourceType } from '@shared/enums';
+
 export class GetProjectById {
   static readonly type = '[Project Overview] Get Project By Id';
 
@@ -13,10 +15,13 @@ export class UpdateProjectPublicStatus {
   ) {}
 }
 
-export class ForkProject {
-  static readonly type = '[Project Overview] Fork Project';
+export class ForkResource {
+  static readonly type = '[Project Overview] Fork Resource';
 
-  constructor(public projectId: string) {}
+  constructor(
+    public projectId: string,
+    public resourceType: ResourceType
+  ) {}
 }
 
 export class DuplicateProject {
diff --git a/src/app/features/project/overview/store/project-overview.state.ts b/src/app/features/project/overview/store/project-overview.state.ts
index 3f045cfab..67194a748 100644
--- a/src/app/features/project/overview/store/project-overview.state.ts
+++ b/src/app/features/project/overview/store/project-overview.state.ts
@@ -4,6 +4,8 @@ import { catchError, tap, throwError } from 'rxjs';
 
 import { inject, Injectable } from '@angular/core';
 
+import { ResourceType } from '@shared/enums';
+
 import { ProjectOverviewService } from '../services';
 
 import {
@@ -11,7 +13,7 @@ import {
   CreateComponent,
   DeleteComponent,
   DuplicateProject,
-  ForkProject,
+  ForkResource,
   GetComponents,
   GetLinkedProjects,
   GetProjectById,
@@ -107,8 +109,8 @@ export class ProjectOverviewState {
     return;
   }
 
-  @Action(ForkProject)
-  forkProject(ctx: StateContext<ProjectOverviewStateModel>, action: ForkProject) {
+  @Action(ForkResource)
+  forkResource(ctx: StateContext<ProjectOverviewStateModel>, action: ForkResource) {
     const state = ctx.getState();
     ctx.patchState({
       project: {
@@ -117,7 +119,20 @@ export class ProjectOverviewState {
       },
     });
 
-    return this.projectOverviewService.forkProject(action.projectId).pipe(
+    let resourceType = '';
+    switch (action.resourceType) {
+      case ResourceType.Project:
+        resourceType = 'nodes';
+        break;
+      case ResourceType.Registration:
+        resourceType = 'registrations';
+        break;
+      case ResourceType.Preprint:
+        resourceType = 'preprints';
+        break;
+    }
+
+    return this.projectOverviewService.forkResource(action.projectId, resourceType).pipe(
       tap(() => {
         ctx.patchState({
           project: {
diff --git a/src/app/features/registry/mappers/index.ts b/src/app/features/registry/mappers/index.ts
new file mode 100644
index 000000000..2d7d7308c
--- /dev/null
+++ b/src/app/features/registry/mappers/index.ts
@@ -0,0 +1,2 @@
+export * from './registry-overview.mapper';
+export * from './registry-schema-block.mapper';
diff --git a/src/app/features/registry/mappers/registry-overview.mapper.ts b/src/app/features/registry/mappers/registry-overview.mapper.ts
new file mode 100644
index 000000000..591b914d9
--- /dev/null
+++ b/src/app/features/registry/mappers/registry-overview.mapper.ts
@@ -0,0 +1,58 @@
+import { RegistryOverview, RegistryOverviewJsonApiData } from '@osf/features/registry/models';
+
+export function MapRegistryOverview(data: RegistryOverviewJsonApiData): RegistryOverview {
+  return {
+    id: data.id,
+    type: data.type,
+    isPublic: data.attributes.public,
+    forksCount: data?.relationships?.forks?.links?.related?.meta?.count || 0,
+    title: data.attributes.title,
+    description: data.attributes?.description,
+    dateModified: data.attributes?.date_modified,
+    dateCreated: data.attributes?.date_created,
+    dateRegistered: data.attributes?.date_registered,
+    category: data.attributes?.category,
+    isFork: data.attributes?.fork,
+    accessRequestsEnabled: data.attributes?.accessRequestsEnabled,
+    nodeLicense: data.attributes.node_license
+      ? {
+          copyrightHolders: data.attributes.node_license.copyright_holders,
+          year: data.attributes.node_license.year,
+        }
+      : undefined,
+    license: data.embeds.license?.data?.attributes,
+    registrationType: data.attributes?.registration_supplement,
+    doi: data.attributes?.doi,
+    tags: data.attributes?.tags,
+    contributors: data.embeds?.bibliographic_contributors?.data.map((contributor) => ({
+      id: contributor?.embeds?.users?.data?.id,
+      familyName: contributor?.embeds?.users?.data?.attributes?.family_name,
+      fullName: contributor?.embeds?.users?.data?.attributes?.full_name,
+      givenName: contributor?.embeds?.users?.data?.attributes?.given_name,
+      middleName: contributor?.embeds?.users?.data?.attributes?.middle_names,
+      type: contributor?.embeds?.users?.data?.type,
+    })),
+    identifiers: data.embeds.identifiers?.data.map((identifier) => ({
+      id: identifier.id,
+      type: identifier.type,
+      value: identifier.attributes.value,
+      category: identifier.attributes.category,
+    })),
+    analyticsKey: data.attributes?.analyticsKey,
+    currentUserCanComment: data.attributes.current_user_can_comment,
+    currentUserPermissions: data.attributes.current_user_permissions,
+    currentUserIsContributor: data.attributes.current_user_is_contributor,
+    currentUserIsContributorOrGroupMember: data.attributes.current_user_is_contributor_or_group_member,
+    citation: data.relationships?.citation?.data?.id,
+    wikiEnabled: data.attributes.wikiEnabled,
+    region: data.relationships.region?.data,
+    hasData: data.attributes.has_data,
+    hasAnalyticCode: data.attributes.has_analytic_code,
+    hasMaterials: data.attributes.has_materials,
+    hasPapers: data.attributes.has_papers,
+    hasSupplements: data.attributes.has_supplements,
+    questions: data.attributes.registration_responses,
+    registrationSchemaLink: data.relationships.registration_schema.links.related.href,
+    associatedProjectId: data.relationships?.registered_from?.data?.id,
+  } as RegistryOverview;
+}
diff --git a/src/app/features/registry/mappers/registry-schema-block.mapper.ts b/src/app/features/registry/mappers/registry-schema-block.mapper.ts
new file mode 100644
index 000000000..f73fded26
--- /dev/null
+++ b/src/app/features/registry/mappers/registry-schema-block.mapper.ts
@@ -0,0 +1,35 @@
+import { RegistrationQuestions, RegistrySchemaBlock, SchemaBlockAttributes } from '@osf/features/registry/models';
+
+export function MapRegistrySchemaBlock(
+  block: SchemaBlockAttributes,
+  questions: RegistrationQuestions
+): RegistrySchemaBlock {
+  const schemaBlock = {
+    required: block.required,
+    type: block.block_type,
+    value: '',
+    values: [],
+    files: [],
+  } as RegistrySchemaBlock;
+
+  if (block.display_text) {
+    schemaBlock.value = block.display_text;
+  } else if (block.registration_response_key) {
+    const questionValue = questions[block.registration_response_key];
+
+    if (questionValue && Array.isArray(questionValue)) {
+      if (schemaBlock.type === 'multi-select-input') {
+        schemaBlock.values = questionValue as string[];
+      } else if (schemaBlock.type === 'file-input') {
+        schemaBlock.files = (questionValue as { file_id: string; file_name: string }[]).map((file) => ({
+          id: file.file_id,
+          name: file.file_name,
+        }));
+      }
+    } else if (questionValue) {
+      schemaBlock.value = questionValue as string;
+    }
+  }
+
+  return schemaBlock;
+}
diff --git a/src/app/features/registry/models/get-registry-institutions-json-api.model.ts b/src/app/features/registry/models/get-registry-institutions-json-api.model.ts
new file mode 100644
index 000000000..445f5f2ef
--- /dev/null
+++ b/src/app/features/registry/models/get-registry-institutions-json-api.model.ts
@@ -0,0 +1,14 @@
+import { ApiData, JsonApiResponse } from '@core/models';
+
+export type GetRegistryInstitutionsJsonApi = JsonApiResponse<
+  ApiData<RegistryInstitutionsAttributes, null, null, null>[],
+  null
+>;
+
+export interface RegistryInstitutionsAttributes {
+  assets: {
+    banner: string;
+    logo: string;
+    logo_rounded: string;
+  };
+}
diff --git a/src/app/features/registry/models/get-registry-overview-json-api.model.ts b/src/app/features/registry/models/get-registry-overview-json-api.model.ts
new file mode 100644
index 000000000..9be0c0156
--- /dev/null
+++ b/src/app/features/registry/models/get-registry-overview-json-api.model.ts
@@ -0,0 +1,121 @@
+import { ApiData, JsonApiResponse } from '@core/models';
+
+export type GetRegistryOverviewJsonApi = JsonApiResponse<RegistryOverviewJsonApiData, null>;
+
+export type RegistryOverviewJsonApiData = ApiData<
+  RegistryOverviewJsonApiAttributes,
+  RegistryOverviewJsonApiEmbed,
+  RegistryOverviewJsonApiRelationships,
+  null
+>;
+
+export interface RegistryOverviewJsonApiAttributes {
+  id: string;
+  public: boolean;
+  title: string;
+  description: string;
+  date_modified: string;
+  date_created: string;
+  date_registered: string;
+  registration_supplement: string;
+  doi: string;
+  tags: string[];
+  category: string;
+  fork?: boolean;
+  accessRequestsEnabled?: boolean;
+  node_license?: {
+    copyright_holders: string[];
+    year: string;
+  };
+  analyticsKey: string;
+  current_user_can_comment: boolean;
+  current_user_permissions: string[];
+  current_user_is_contributor: boolean;
+  current_user_is_contributor_or_group_member: boolean;
+  wikiEnabled: boolean;
+  has_data: boolean;
+  has_analytic_code: boolean;
+  has_materials: boolean;
+  has_papers: boolean;
+  has_supplements: boolean;
+  registration_responses: RegistrationQuestions;
+}
+
+export type RegistrationQuestions = Record<string, string | string[] | { file_id: string; file_name: string }[]>;
+
+export interface RegistryOverviewJsonApiEmbed {
+  bibliographic_contributors: {
+    data: {
+      embeds: {
+        users: {
+          data: {
+            attributes: {
+              family_name: string;
+              full_name: string;
+              given_name: string;
+              middle_names: string;
+            };
+            id: string;
+            type: string;
+          };
+        };
+      };
+    }[];
+  };
+  license: {
+    data: {
+      id: string;
+      type: string;
+      attributes: {
+        name: string;
+        text: string;
+        url: string;
+      };
+    };
+  };
+  identifiers: {
+    data: {
+      id: string;
+      type: string;
+      attributes: {
+        category: string;
+        value: string;
+      };
+    }[];
+  };
+}
+
+export interface RegistryOverviewJsonApiRelationships {
+  forks: {
+    links: {
+      related: {
+        meta: {
+          count: number;
+        };
+      };
+    };
+  };
+  registered_from: {
+    data: {
+      id: string;
+    };
+  };
+  citation: {
+    data: {
+      id: string;
+    };
+  };
+  region?: {
+    data: {
+      id: string;
+      type: string;
+    };
+  };
+  registration_schema: {
+    links: {
+      related: {
+        href: string;
+      };
+    };
+  };
+}
diff --git a/src/app/features/registry/models/get-registry-schema-block-json-api.model.ts b/src/app/features/registry/models/get-registry-schema-block-json-api.model.ts
new file mode 100644
index 000000000..dd4db0c5e
--- /dev/null
+++ b/src/app/features/registry/models/get-registry-schema-block-json-api.model.ts
@@ -0,0 +1,10 @@
+import { ApiData, JsonApiResponse } from '@core/models';
+
+export type GetRegistrySchemaBlockJsonApi = JsonApiResponse<ApiData<SchemaBlockAttributes, null, null, null>[], null>;
+
+export interface SchemaBlockAttributes {
+  block_type: string;
+  display_text: string;
+  registration_response_key: string | null;
+  required: boolean;
+}
diff --git a/src/app/features/registry/models/get-resource-subjects-json-api.model.ts b/src/app/features/registry/models/get-resource-subjects-json-api.model.ts
new file mode 100644
index 000000000..9f68bb89f
--- /dev/null
+++ b/src/app/features/registry/models/get-resource-subjects-json-api.model.ts
@@ -0,0 +1,3 @@
+import { ApiData, JsonApiResponse } from '@core/models';
+
+export type GetResourceSubjectsJsonApi = JsonApiResponse<ApiData<{ text: string }, null, null, null>[], null>;
diff --git a/src/app/features/registry/models/index.ts b/src/app/features/registry/models/index.ts
new file mode 100644
index 000000000..c92010cce
--- /dev/null
+++ b/src/app/features/registry/models/index.ts
@@ -0,0 +1,8 @@
+export * from './get-registry-institutions-json-api.model';
+export * from './get-registry-overview-json-api.model';
+export * from './get-registry-schema-block-json-api.model';
+export * from './get-resource-subjects-json-api.model';
+export * from './registry-institution.model';
+export * from './registry-overview.models';
+export * from './registry-schema-block.model';
+export * from './registry-subject.model';
diff --git a/src/app/features/registry/models/registry-institution.model.ts b/src/app/features/registry/models/registry-institution.model.ts
new file mode 100644
index 000000000..786c3397f
--- /dev/null
+++ b/src/app/features/registry/models/registry-institution.model.ts
@@ -0,0 +1,5 @@
+export interface RegistryInstitution {
+  id: string;
+  logo: string;
+  logoRounded?: string;
+}
diff --git a/src/app/features/registry/models/registry-overview.models.ts b/src/app/features/registry/models/registry-overview.models.ts
new file mode 100644
index 000000000..cd1617120
--- /dev/null
+++ b/src/app/features/registry/models/registry-overview.models.ts
@@ -0,0 +1,56 @@
+import { ProjectOverviewContributor } from '@osf/features/project/overview/models';
+import { RegistrationQuestions, RegistrySubject } from '@osf/features/registry/models';
+
+export interface RegistryOverview {
+  id: string;
+  type: string;
+  isPublic: boolean;
+  forksCount: number;
+  title: string;
+  description: string;
+  dateModified: string;
+  dateCreated: string;
+  dateRegistered?: string;
+  registrationType: string;
+  doi: string;
+  tags: string[];
+  contributors: ProjectOverviewContributor[];
+  citation: string;
+  category: string;
+  isFork: boolean;
+  accessRequestsEnabled: boolean;
+  nodeLicense?: {
+    copyrightHolders: string[];
+    year: string;
+  };
+  license?: {
+    name: string;
+    text: string;
+    url: string;
+  };
+  identifiers?: {
+    id: string;
+    type: string;
+    category: string;
+    value: string;
+  }[];
+  analyticsKey: string;
+  currentUserCanComment: boolean;
+  currentUserPermissions: string[];
+  currentUserIsContributor: boolean;
+  currentUserIsContributorOrGroupMember: boolean;
+  wikiEnabled: boolean;
+  region?: {
+    id: string;
+    type: string;
+  };
+  subjects?: RegistrySubject[];
+  hasData: boolean;
+  hasAnalyticCode: boolean;
+  hasMaterials: boolean;
+  hasPapers: boolean;
+  hasSupplements: boolean;
+  questions: RegistrationQuestions;
+  registrationSchemaLink: string;
+  associatedProjectId: string;
+}
diff --git a/src/app/features/registry/models/registry-schema-block.model.ts b/src/app/features/registry/models/registry-schema-block.model.ts
new file mode 100644
index 000000000..27dd1e560
--- /dev/null
+++ b/src/app/features/registry/models/registry-schema-block.model.ts
@@ -0,0 +1,8 @@
+export interface RegistrySchemaBlock {
+  value: string;
+  values: string[];
+  files?: { id: string; name: string }[];
+  required: boolean;
+  html?: string;
+  type: string;
+}
diff --git a/src/app/features/registry/models/registry-subject.model.ts b/src/app/features/registry/models/registry-subject.model.ts
new file mode 100644
index 000000000..19f1c6c07
--- /dev/null
+++ b/src/app/features/registry/models/registry-subject.model.ts
@@ -0,0 +1,4 @@
+export interface RegistrySubject {
+  id: string;
+  text: string;
+}
diff --git a/src/app/features/registry/pages/index.ts b/src/app/features/registry/pages/index.ts
new file mode 100644
index 000000000..e2880e23c
--- /dev/null
+++ b/src/app/features/registry/pages/index.ts
@@ -0,0 +1 @@
+export * from './registry-overview/registry-overview.component';
diff --git a/src/app/features/registry/pages/registry-overview/registry-overview.component.html b/src/app/features/registry/pages/registry-overview/registry-overview.component.html
new file mode 100644
index 000000000..a492cedd8
--- /dev/null
+++ b/src/app/features/registry/pages/registry-overview/registry-overview.component.html
@@ -0,0 +1,134 @@
+@if (!isRegistryLoading() && !isSubjectsLoading() && !isInstitutionsLoading() && !isSchemaBlocksLoading()) {
+  <div class="flex justify-content-between align-items-center">
+    <osf-sub-header [title]="registry()!.title" />
+
+    <div class="pr-3 sm:pr-5">
+      <osf-overview-toolbar
+        [currentResource]="toolbarResource()"
+        [visibilityToggle]="false"
+        [showViewOnlyLinks]="false"
+      />
+    </div>
+  </div>
+  <div class="flex flex-column bg-white flex-1 p-4">
+    <div class="flex column-gap-5 row-gap-3 mt-1 flex-wrap pb-4">
+      <a class="icon-container" [href]="registry()?.id + '/resources'">
+        @if (registry()?.hasData) {
+          <img src="assets/icons/colored/data-colored.svg" alt="data-resource" />
+        } @else {
+          <i class="osf-icon-data text-4xl"></i>
+        }
+        <p>{{ 'resourceCard.resources.data' | translate }}</p>
+      </a>
+      <a class="icon-container" [href]="registry()?.id + '/resources'">
+        @if (registry()?.hasAnalyticCode) {
+          <img src="assets/icons/colored/code-colored.svg" alt="code-resource" />
+        } @else {
+          <i class="osf-icon-code text-4xl"></i>
+        }
+        <p>{{ 'resourceCard.resources.analyticCode' | translate }}</p>
+      </a>
+      <a class="icon-container" [href]="registry()?.id + '/resources'">
+        @if (registry()?.hasMaterials) {
+          <img src="assets/icons/colored/materials-colored.svg" alt="materials-resource" />
+        } @else {
+          <i class="osf-icon-materials text-4xl"></i>
+        }
+        <p>{{ 'resourceCard.resources.materials' | translate }}</p>
+      </a>
+      <a class="icon-container" [href]="registry()?.id + '/resources'">
+        @if (registry()?.hasPapers) {
+          <img src="assets/icons/colored/papers-colored.svg" alt="papers-resource" />
+        } @else {
+          <i class="osf-icon-papers text-4xl"></i>
+        }
+        <p>{{ 'resourceCard.resources.papers' | translate }}</p>
+      </a>
+      <a class="icon-container" [href]="registry()?.id + '/resources'">
+        @if (registry()?.hasSupplements) {
+          <img src="assets/icons/colored/supplements-colored.svg" alt="supplements-resource" />
+        } @else {
+          <i class="osf-icon-supplements text-4xl"></i>
+        }
+        <p>{{ 'resourceCard.resources.supplements' | translate }}</p>
+      </a>
+    </div>
+
+    <div class="flex gap-4">
+      <div class="left-section gap-4">
+        <!--        TODO: statuses and schema updates-->
+        <div class="flex gap-4 resource">
+          <p-accordion class="accordion-border px-4 py-4 flex-1 no-padding">
+            <p-accordion-panel value="0">
+              <p-accordion-header class="flex flex-row column-gap-3 align-items-center">
+                <p class="font-bold">{{ 'registry.overview.public' | translate }}</p>
+              </p-accordion-header>
+              <p-accordion-content>
+                <div class="content pt-4">
+                  <h2 class="font-normal mb-2">{{ 'common.labels.public' | translate }}</h2>
+                  <p>{{ 'registry.overview.statuses.frozen' | translate }}</p>
+                </div>
+              </p-accordion-content>
+            </p-accordion-panel>
+          </p-accordion>
+          <p-accordion class="accordion-border p-4 py-4 flex-1 no-padding">
+            <p-accordion-panel value="0">
+              <p-accordion-header class="flex flex-row column-gap-3 align-items-center">
+                {{ 'registry.overview.updates' | translate }}
+              </p-accordion-header>
+              <p-accordion-content>
+                <div class="flex flex-column gap-2 align-items-center justify-content-center">
+                  <p-button
+                    severity="info"
+                    class="w-full"
+                    styleClass="w-full"
+                    [label]="'registry.overview.original' | translate"
+                  />
+                  <p-button
+                    severity="info"
+                    class="w-full"
+                    styleClass="w-full"
+                    [label]="'registry.overview.last' | translate"
+                  />
+                  <p-button class="w-full" styleClass="w-full" [label]="'common.buttons.update' | translate" />
+                </div>
+              </p-accordion-content>
+            </p-accordion-panel>
+          </p-accordion>
+        </div>
+        <div class="blocks-section p-4">
+          @for (block of schemaBlocks(); track $index) {
+            @if (block.type === 'file-input' && block.files) {
+              <ul class="flex flex-column gap-4 ml-5">
+                @for (file of block.files; track $index) {
+                  <li class="list-disc">
+                    <a [routerLink]="['/files', file.id]">{{ file.name }}</a>
+                  </li>
+                }
+              </ul>
+            } @else if (block.type === 'multi-select-input' && block.values) {
+              <div class="flex flex-column gap-4 p-4">
+                @for (value of block.values; track $index) {
+                  <p class="text-no-transform">{{ value }}</p>
+                }
+              </div>
+            } @else if (block.type === 'page-heading' && block.value) {
+              <h1 class="pb-4 text-no-transform" [class.mt-4]="$index !== 0">{{ block.value }}</h1>
+            } @else if ((block.type === 'subsection-heading' || block.type === 'question-label') && block.value) {
+              <h3 class="pb-4 text-no-transform">{{ block.value }}</h3>
+            } @else if (block.value !== 'select-input-option') {
+              <p class="pb-4 text-no-transform">{{ block.value }}</p>
+            }
+          }
+        </div>
+      </div>
+      <div class="flex flex-column right-section p-4">
+        <osf-resource-metadata [currentResource]="resourceOverview()" />
+      </div>
+    </div>
+  </div>
+} @else {
+  <div class="flex-1">
+    <osf-loading-spinner />
+  </div>
+}
diff --git a/src/app/features/registry/pages/registry-overview/registry-overview.component.scss b/src/app/features/registry/pages/registry-overview/registry-overview.component.scss
new file mode 100644
index 000000000..90ecba76c
--- /dev/null
+++ b/src/app/features/registry/pages/registry-overview/registry-overview.component.scss
@@ -0,0 +1,43 @@
+@use "/assets/styles/variables" as var;
+@use "assets/styles/mixins" as mix;
+
+.icon-container {
+  color: var.$dark-blue-1;
+  display: flex;
+  align-items: center;
+  column-gap: 0.5rem;
+
+  &:hover {
+    text-decoration: none;
+    color: var.$pr-blue-1;
+  }
+}
+
+.left-section {
+  flex: 3;
+  display: flex;
+  flex-direction: column;
+  gap: 1.5rem;
+}
+
+.accordion-border {
+  border: 1px solid var.$grey-2;
+  border-radius: mix.rem(12px);
+  height: max-content !important;
+}
+
+.blocks-section {
+  border: 1px solid var.$grey-2;
+  border-radius: mix.rem(12px);
+  height: max-content;
+}
+
+.right-section {
+  flex: 1;
+  border: 1px solid var.$grey-2;
+  border-radius: mix.rem(12px);
+}
+
+.no-padding {
+  --p-accordion-header-padding: 0;
+}
diff --git a/src/app/features/registry/pages/registry-overview/registry-overview.component.spec.ts b/src/app/features/registry/pages/registry-overview/registry-overview.component.spec.ts
new file mode 100644
index 000000000..db933054b
--- /dev/null
+++ b/src/app/features/registry/pages/registry-overview/registry-overview.component.spec.ts
@@ -0,0 +1,22 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { RegistryOverviewComponent } from './registry-overview.component';
+
+describe('RegistryOverviewComponent', () => {
+  let component: RegistryOverviewComponent;
+  let fixture: ComponentFixture<RegistryOverviewComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [RegistryOverviewComponent],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(RegistryOverviewComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/features/registry/pages/registry-overview/registry-overview.component.ts b/src/app/features/registry/pages/registry-overview/registry-overview.component.ts
new file mode 100644
index 000000000..ec8840d9e
--- /dev/null
+++ b/src/app/features/registry/pages/registry-overview/registry-overview.component.ts
@@ -0,0 +1,105 @@
+import { createDispatchMap, select } from '@ngxs/store';
+
+import { TranslatePipe } from '@ngx-translate/core';
+
+import { Accordion, AccordionContent, AccordionHeader, AccordionPanel } from 'primeng/accordion';
+import { Button } from 'primeng/button';
+import { DialogService } from 'primeng/dynamicdialog';
+
+import { ChangeDetectionStrategy, Component, computed, HostBinding, inject } from '@angular/core';
+import { ActivatedRoute, Router, RouterLink } from '@angular/router';
+
+import { GetBookmarksCollectionId } from '@osf/features/collections/store';
+import { OverviewToolbarComponent } from '@osf/features/project/overview/components';
+import {
+  GetRegistryById,
+  GetRegistryInstitutions,
+  GetRegistrySubjects,
+  RegistryOverviewSelectors,
+} from '@osf/features/registry/store/registry-overview';
+import { LoadingSpinnerComponent, ResourceMetadataComponent, SubHeaderComponent } from '@shared/components';
+import { ResourceType } from '@shared/enums';
+import { MapRegistryOverview } from '@shared/mappers';
+import { ToolbarResource } from '@shared/models';
+
+@Component({
+  selector: 'osf-registry-overview',
+  imports: [
+    SubHeaderComponent,
+    OverviewToolbarComponent,
+    LoadingSpinnerComponent,
+    TranslatePipe,
+    RouterLink,
+    AccordionContent,
+    Accordion,
+    AccordionPanel,
+    AccordionHeader,
+    ResourceMetadataComponent,
+    Button,
+  ],
+  templateUrl: './registry-overview.component.html',
+  styleUrl: './registry-overview.component.scss',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  providers: [DialogService],
+})
+export class RegistryOverviewComponent {
+  @HostBinding('class') classes = 'flex-1 flex flex-column w-full h-full';
+  private readonly route = inject(ActivatedRoute);
+  private readonly router = inject(Router);
+
+  protected readonly registry = select(RegistryOverviewSelectors.getRegistry);
+  protected readonly isRegistryLoading = select(RegistryOverviewSelectors.isRegistryLoading);
+  protected readonly subjects = select(RegistryOverviewSelectors.getSubjects);
+  protected readonly isSubjectsLoading = select(RegistryOverviewSelectors.isSubjectsLoading);
+  protected readonly institutions = select(RegistryOverviewSelectors.getInstitutions);
+  protected readonly isInstitutionsLoading = select(RegistryOverviewSelectors.isInstitutionsLoading);
+  protected readonly schemaBlocks = select(RegistryOverviewSelectors.getSchemaBlocks);
+  protected readonly isSchemaBlocksLoading = select(RegistryOverviewSelectors.isSchemaBlocksLoading);
+
+  protected readonly resourceOverview = computed(() => {
+    const registry = this.registry();
+    const subjects = this.subjects();
+    const institutions = this.institutions();
+    if (registry && subjects && institutions) {
+      return MapRegistryOverview(registry, subjects, institutions);
+    }
+    return null;
+  });
+
+  protected toolbarResource = computed(() => {
+    if (this.registry()) {
+      return {
+        id: this.registry()!.id,
+        isPublic: this.registry()!.isPublic,
+        storage: undefined,
+        viewOnlyLinksCount: 0,
+        forksCount: this.registry()!.forksCount,
+        resourceType: ResourceType.Registration,
+      } as ToolbarResource;
+    }
+    return null;
+  });
+
+  private readonly actions = createDispatchMap({
+    getRegistryById: GetRegistryById,
+    getBookmarksId: GetBookmarksCollectionId,
+    getSubjects: GetRegistrySubjects,
+    getInstitutions: GetRegistryInstitutions,
+  });
+
+  constructor() {
+    this.route.parent?.params.subscribe((params) => {
+      const id = params['registrationId'];
+      if (id) {
+        this.actions.getRegistryById(id);
+        this.actions.getSubjects(id);
+        this.actions.getInstitutions(id);
+      }
+    });
+    this.actions.getBookmarksId();
+  }
+
+  navigateToFile(fileId: string): void {
+    this.router.navigate(['/files', fileId]);
+  }
+}
diff --git a/src/app/features/registry/registry.component.html b/src/app/features/registry/registry.component.html
new file mode 100644
index 000000000..897834065
--- /dev/null
+++ b/src/app/features/registry/registry.component.html
@@ -0,0 +1,3 @@
+<div class="xl:flex xl:flex-column xl:mt-6 h-full">
+  <router-outlet />
+</div>
diff --git a/src/app/features/registry/registry.component.scss b/src/app/features/registry/registry.component.scss
new file mode 100644
index 000000000..e69de29bb
diff --git a/src/app/features/registry/registry.component.spec.ts b/src/app/features/registry/registry.component.spec.ts
new file mode 100644
index 000000000..f3bf7dc7d
--- /dev/null
+++ b/src/app/features/registry/registry.component.spec.ts
@@ -0,0 +1,22 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { RegistryComponent } from './registry.component';
+
+describe('RegistryComponent', () => {
+  let component: RegistryComponent;
+  let fixture: ComponentFixture<RegistryComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [RegistryComponent],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(RegistryComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/features/registry/registry.component.ts b/src/app/features/registry/registry.component.ts
new file mode 100644
index 000000000..bfa440105
--- /dev/null
+++ b/src/app/features/registry/registry.component.ts
@@ -0,0 +1,13 @@
+import { ChangeDetectionStrategy, Component, HostBinding } from '@angular/core';
+import { RouterOutlet } from '@angular/router';
+
+@Component({
+  selector: 'osf-registry',
+  imports: [RouterOutlet],
+  templateUrl: './registry.component.html',
+  styleUrl: './registry.component.scss',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class RegistryComponent {
+  @HostBinding('class') classes = 'flex-1 flex flex-column';
+}
diff --git a/src/app/features/registry/registry.routes.ts b/src/app/features/registry/registry.routes.ts
new file mode 100644
index 000000000..68ac8e1bb
--- /dev/null
+++ b/src/app/features/registry/registry.routes.ts
@@ -0,0 +1,21 @@
+import { Routes } from '@angular/router';
+
+import { RegistryComponent } from './registry.component';
+
+export const registryRoutes: Routes = [
+  {
+    path: '',
+    component: RegistryComponent,
+    children: [
+      {
+        path: '',
+        pathMatch: 'full',
+        redirectTo: 'overview',
+      },
+      {
+        path: 'overview',
+        loadComponent: () => import('@osf/features/registry/pages').then((c) => c.RegistryOverviewComponent),
+      },
+    ],
+  },
+];
diff --git a/src/app/features/registry/services/index.ts b/src/app/features/registry/services/index.ts
new file mode 100644
index 000000000..0b2facadf
--- /dev/null
+++ b/src/app/features/registry/services/index.ts
@@ -0,0 +1 @@
+export * from './project-overview.service';
diff --git a/src/app/features/registry/services/project-overview.service.ts b/src/app/features/registry/services/project-overview.service.ts
new file mode 100644
index 000000000..25c9a0d2c
--- /dev/null
+++ b/src/app/features/registry/services/project-overview.service.ts
@@ -0,0 +1,86 @@
+import { map, Observable } from 'rxjs';
+
+import { inject, Injectable } from '@angular/core';
+
+import { JsonApiService } from '@core/services';
+import { MapRegistryOverview, MapRegistrySchemaBlock } from '@osf/features/registry/mappers';
+import {
+  GetRegistryInstitutionsJsonApi,
+  GetRegistryOverviewJsonApi,
+  GetRegistrySchemaBlockJsonApi,
+  GetResourceSubjectsJsonApi,
+  RegistrationQuestions,
+  RegistryInstitution,
+  RegistryOverview,
+  RegistrySchemaBlock,
+  RegistrySubject,
+} from '@osf/features/registry/models';
+
+import { environment } from 'src/environments/environment';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class RegistryOverviewService {
+  private jsonApiService = inject(JsonApiService);
+
+  getRegistrationById(id: string): Observable<RegistryOverview> {
+    const params = {
+      related_counts: 'forks,comments,linked_nodes,linked_registrations,children,wikis',
+      'embed[]': [
+        'bibliographic_contributors',
+        'provider',
+        'registration_schema',
+        'identifiers',
+        'root',
+        'schema_responses',
+        'files',
+        'license',
+      ],
+    };
+
+    return this.jsonApiService
+      .get<GetRegistryOverviewJsonApi>(`${environment.apiUrl}/registrations/${id}`, params)
+      .pipe(map((response) => MapRegistryOverview(response.data)));
+  }
+
+  getSubjects(registryId: string): Observable<RegistrySubject[]> {
+    const params = {
+      'page[size]': 100,
+      page: 1,
+    };
+
+    return this.jsonApiService
+      .get<GetResourceSubjectsJsonApi>(`${environment.apiUrl}/registrations/${registryId}/subjects/`, params)
+      .pipe(map((response) => response.data.map((subject) => ({ id: subject.id, text: subject.attributes.text }))));
+  }
+
+  getInstitutions(registryId: string): Observable<RegistryInstitution[]> {
+    const params = {
+      'page[size]': 100,
+    };
+
+    return this.jsonApiService
+      .get<GetRegistryInstitutionsJsonApi>(`${environment.apiUrl}/registrations/${registryId}/institutions/`, params)
+      .pipe(
+        map((response) =>
+          response.data.map((institution) => ({
+            id: institution.id,
+            logo: institution.attributes.assets.logo,
+            logoRounded: institution.attributes.assets.logo_rounded,
+          }))
+        )
+      );
+  }
+
+  getSchemaBlocks(schemaLink: string, questions: RegistrationQuestions): Observable<RegistrySchemaBlock[]> {
+    const params = {
+      'page[size]': 100,
+      page: 1,
+    };
+
+    return this.jsonApiService
+      .get<GetRegistrySchemaBlockJsonApi>(`${schemaLink}schema_blocks`, params)
+      .pipe(map((response) => response.data.map((block) => MapRegistrySchemaBlock(block.attributes, questions))));
+  }
+}
diff --git a/src/app/features/registry/store/registry-overview/index.ts b/src/app/features/registry/store/registry-overview/index.ts
new file mode 100644
index 000000000..1fb540721
--- /dev/null
+++ b/src/app/features/registry/store/registry-overview/index.ts
@@ -0,0 +1,4 @@
+export * from './registry-overview.actions';
+export * from './registry-overview.model';
+export * from './registry-overview.selectors';
+export * from './registry-overview.state';
diff --git a/src/app/features/registry/store/registry-overview/registry-overview.actions.ts b/src/app/features/registry/store/registry-overview/registry-overview.actions.ts
new file mode 100644
index 000000000..26754c848
--- /dev/null
+++ b/src/app/features/registry/store/registry-overview/registry-overview.actions.ts
@@ -0,0 +1,28 @@
+import { RegistrationQuestions } from '@osf/features/registry/models';
+
+export class GetRegistryById {
+  static readonly type = '[Registry Overview] Get Registry By Id';
+
+  constructor(public id: string) {}
+}
+
+export class GetRegistrySubjects {
+  static readonly type = '[Registry Overview] Get Registry Subjects';
+
+  constructor(public registryId: string) {}
+}
+
+export class GetRegistryInstitutions {
+  static readonly type = '[Registry Overview] Get Registry Institutions';
+
+  constructor(public registryId: string) {}
+}
+
+export class GetSchemaBlocks {
+  static readonly type = '[Registry Overview] Get Schema Blocks';
+
+  constructor(
+    public schemaLink: string,
+    public questions: RegistrationQuestions
+  ) {}
+}
diff --git a/src/app/features/registry/store/registry-overview/registry-overview.model.ts b/src/app/features/registry/store/registry-overview/registry-overview.model.ts
new file mode 100644
index 000000000..c60c1306e
--- /dev/null
+++ b/src/app/features/registry/store/registry-overview/registry-overview.model.ts
@@ -0,0 +1,10 @@
+import { RegistryInstitution, RegistryOverview, RegistrySubject } from '@osf/features/registry/models';
+import { RegistrySchemaBlock } from '@osf/features/registry/models/registry-schema-block.model';
+import { AsyncStateModel } from '@shared/models';
+
+export interface RegistryOverviewStateModel {
+  registry: AsyncStateModel<RegistryOverview | null>;
+  subjects: AsyncStateModel<RegistrySubject[] | null>;
+  institutions: AsyncStateModel<RegistryInstitution[] | null>;
+  schemaBlocks: AsyncStateModel<RegistrySchemaBlock[] | null>;
+}
diff --git a/src/app/features/registry/store/registry-overview/registry-overview.selectors.ts b/src/app/features/registry/store/registry-overview/registry-overview.selectors.ts
new file mode 100644
index 000000000..0d7798449
--- /dev/null
+++ b/src/app/features/registry/store/registry-overview/registry-overview.selectors.ts
@@ -0,0 +1,47 @@
+import { Selector } from '@ngxs/store';
+
+import { RegistryInstitution, RegistryOverview, RegistrySubject } from '@osf/features/registry/models';
+import { RegistrySchemaBlock } from '@osf/features/registry/models/registry-schema-block.model';
+import { RegistryOverviewState, RegistryOverviewStateModel } from '@osf/features/registry/store/registry-overview';
+
+export class RegistryOverviewSelectors {
+  @Selector([RegistryOverviewState])
+  static getRegistry(state: RegistryOverviewStateModel): RegistryOverview | null {
+    return state.registry.data;
+  }
+
+  @Selector([RegistryOverviewState])
+  static isRegistryLoading(state: RegistryOverviewStateModel): boolean {
+    return state.registry.isLoading;
+  }
+
+  @Selector([RegistryOverviewState])
+  static getSubjects(state: RegistryOverviewStateModel): RegistrySubject[] | null {
+    return state.subjects.data;
+  }
+
+  @Selector([RegistryOverviewState])
+  static isSubjectsLoading(state: RegistryOverviewStateModel): boolean {
+    return state.subjects.isLoading;
+  }
+
+  @Selector([RegistryOverviewState])
+  static getInstitutions(state: RegistryOverviewStateModel): RegistryInstitution[] | null {
+    return state.institutions.data;
+  }
+
+  @Selector([RegistryOverviewState])
+  static isInstitutionsLoading(state: RegistryOverviewStateModel): boolean {
+    return state.institutions.isLoading;
+  }
+
+  @Selector([RegistryOverviewState])
+  static getSchemaBlocks(state: RegistryOverviewStateModel): RegistrySchemaBlock[] | null {
+    return state.schemaBlocks.data;
+  }
+
+  @Selector([RegistryOverviewState])
+  static isSchemaBlocksLoading(state: RegistryOverviewStateModel): boolean {
+    return state.schemaBlocks.isLoading;
+  }
+}
diff --git a/src/app/features/registry/store/registry-overview/registry-overview.state.ts b/src/app/features/registry/store/registry-overview/registry-overview.state.ts
new file mode 100644
index 000000000..383178b22
--- /dev/null
+++ b/src/app/features/registry/store/registry-overview/registry-overview.state.ts
@@ -0,0 +1,166 @@
+import { Action, State, StateContext } from '@ngxs/store';
+
+import { tap, throwError } from 'rxjs';
+import { catchError } from 'rxjs/operators';
+
+import { inject, Injectable } from '@angular/core';
+
+import { RegistryOverviewService } from '@osf/features/registry/services';
+import {
+  GetRegistryById,
+  GetRegistryInstitutions,
+  GetRegistrySubjects,
+  GetSchemaBlocks,
+} from '@osf/features/registry/store/registry-overview';
+
+import { RegistryOverviewStateModel } from './registry-overview.model';
+
+@Injectable()
+@State<RegistryOverviewStateModel>({
+  name: 'registryOverview',
+  defaults: {
+    registry: {
+      data: null,
+      isLoading: false,
+      error: null,
+    },
+    subjects: {
+      data: [],
+      isLoading: false,
+      error: null,
+    },
+    institutions: {
+      data: [],
+      isLoading: false,
+      error: null,
+    },
+    schemaBlocks: {
+      data: [],
+      isLoading: false,
+      error: null,
+    },
+  },
+})
+export class RegistryOverviewState {
+  private readonly registryOverviewService = inject(RegistryOverviewService);
+
+  @Action(GetRegistryById)
+  getRegistryById(ctx: StateContext<RegistryOverviewStateModel>, action: GetRegistryById) {
+    const state = ctx.getState();
+    ctx.patchState({
+      registry: {
+        ...state.registry,
+        isLoading: true,
+      },
+    });
+
+    return this.registryOverviewService.getRegistrationById(action.id).pipe(
+      tap({
+        next: (registryOverview) => {
+          ctx.patchState({
+            registry: {
+              data: registryOverview,
+              isLoading: false,
+              error: null,
+            },
+          });
+          ctx.dispatch(new GetSchemaBlocks(registryOverview.registrationSchemaLink, registryOverview.questions));
+        },
+      }),
+      catchError((error) => this.handleError(ctx, 'registry', error))
+    );
+  }
+
+  @Action(GetRegistrySubjects)
+  getRegistrySubjects(ctx: StateContext<RegistryOverviewStateModel>, action: GetRegistrySubjects) {
+    const state = ctx.getState();
+    ctx.patchState({
+      subjects: {
+        ...state.subjects,
+        isLoading: true,
+      },
+    });
+
+    return this.registryOverviewService.getSubjects(action.registryId).pipe(
+      tap({
+        next: (subjects) => {
+          ctx.patchState({
+            subjects: {
+              data: subjects,
+              isLoading: false,
+              error: null,
+            },
+          });
+        },
+      }),
+      catchError((error) => this.handleError(ctx, 'subjects', error))
+    );
+  }
+
+  @Action(GetRegistryInstitutions)
+  getRegistryInstitutions(ctx: StateContext<RegistryOverviewStateModel>, action: GetRegistryInstitutions) {
+    const state = ctx.getState();
+    ctx.patchState({
+      institutions: {
+        ...state.institutions,
+        isLoading: true,
+      },
+    });
+
+    return this.registryOverviewService.getInstitutions(action.registryId).pipe(
+      tap({
+        next: (institutions) => {
+          ctx.patchState({
+            institutions: {
+              data: institutions,
+              isLoading: false,
+              error: null,
+            },
+          });
+        },
+      }),
+      catchError((error) => this.handleError(ctx, 'institutions', error))
+    );
+  }
+
+  @Action(GetSchemaBlocks)
+  getSchemaBlocks(ctx: StateContext<RegistryOverviewStateModel>, action: GetSchemaBlocks) {
+    const state = ctx.getState();
+    ctx.patchState({
+      schemaBlocks: {
+        ...state.schemaBlocks,
+        isLoading: true,
+      },
+    });
+
+    return this.registryOverviewService.getSchemaBlocks(action.schemaLink, action.questions).pipe(
+      tap({
+        next: (schemaBlocks) => {
+          ctx.patchState({
+            schemaBlocks: {
+              data: schemaBlocks,
+              isLoading: false,
+              error: null,
+            },
+          });
+        },
+      }),
+      catchError((error) => this.handleError(ctx, 'schemaBlocks', error))
+    );
+  }
+
+  private handleError(
+    ctx: StateContext<RegistryOverviewStateModel>,
+    section: 'registry' | 'subjects' | 'institutions' | 'schemaBlocks',
+    error: Error
+  ) {
+    ctx.patchState({
+      [section]: {
+        ...ctx.getState()[section],
+        isLoading: false,
+        error: error.message,
+      },
+    });
+    return throwError(() => error);
+  }
+}
diff --git a/src/app/shared/components/index.ts b/src/app/shared/components/index.ts
index aee8785e7..80d1049bc 100644
--- a/src/app/shared/components/index.ts
+++ b/src/app/shared/components/index.ts
@@ -22,6 +22,7 @@ export { MyProjectsTableComponent } from './my-projects-table/my-projects-table.
 export { PasswordInputHintComponent } from './password-input-hint/password-input-hint.component';
 export { PieChartComponent } from './pie-chart/pie-chart.component';
 export { ResourceCardComponent } from './resource-card/resource-card.component';
+export { ResourceMetadataComponent } from './resource-metadata/resource-metadata.component';
 export { ReusableFilterComponent } from './reusable-filter/reusable-filter.component';
 export { SearchHelpTutorialComponent } from './search-help-tutorial/search-help-tutorial.component';
 export { SearchInputComponent } from './search-input/search-input.component';
diff --git a/src/app/shared/components/resource-card/resource-card.component.html b/src/app/shared/components/resource-card/resource-card.component.html
index cc22dcefc..b2e26060f 100644
--- a/src/app/shared/components/resource-card/resource-card.component.html
+++ b/src/app/shared/components/resource-card/resource-card.component.html
@@ -4,7 +4,7 @@
       <p-accordion-header class="flex flex-row column-gap-3 align-items-start p-0 pb-4">
         <div class="flex flex-column row-gap-3">
           @if (item().resourceType && item().resourceType === ResourceType.Agent) {
-            <p class="type">User</p>
+            <p class="type">{{ 'resourceCard.type.user' | translate }}</p>
           } @else if (item().resourceType) {
             <p class="type">{{ ResourceType[item().resourceType!] }}</p>
           }
@@ -13,7 +13,13 @@
             @if (item().resourceType === ResourceType.File && item().fileName) {
               <a class="title">{{ item().fileName }}</a>
             } @else {
-              <a class="title">{{ item().title }}</a>
+              <a
+                tabindex="0"
+                class="title"
+                (click)="$event.stopPropagation(); redirectToResource(item())"
+                (keydown.enter)="$event.stopPropagation(); redirectToResource(item())"
+                >{{ item().title }}</a
+              >
             }
             @if (item().orcid) {
               <a [href]="item().orcid" class="orcid-icon">
@@ -31,14 +37,16 @@
                 }
               }
               @if (item().creators!.length > 4) {
-                <p class="inline">&nbsp;and {{ item().creators!.length - 4 }} more</p>
+                <p class="inline">
+                  &nbsp;{{ 'resourceCard.more' | translate: { count: item().creators!.length - 4 } }}
+                </p>
               }
             </div>
           }
 
           @if (item().from?.id && item().from?.name) {
             <div>
-              <p class="inline mr-1">From:</p>
+              <p class="inline mr-1">{{ 'resourceCard.labels.from' | translate }}</p>
               <a class="inline" [href]="item().from?.id">{{ item().from?.name }}</a>
             </div>
           }
@@ -46,13 +54,16 @@
           @if (item().dateCreated && item().dateModified) {
             <p class="date">
               @if (!isSmall()) {
-                Date created: {{ item().dateCreated | date: 'MMMM d, y' }} | Date modified:
+                {{ 'resourceCard.labels.dateCreated' | translate }} {{ item().dateCreated | date: 'MMMM d, y' }} |
+                {{ 'resourceCard.labels.dateModified' | translate }}
                 {{ item().dateModified | date: 'MMMM d, y' }}
               } @else {
                 <div class="flex flex-column row-gap-1">
-                  <p>Date created: {{ item().dateCreated | date: 'MMMM d, y' }}</p>
                   <p>
-                    Date modified:
+                    {{ 'resourceCard.labels.dateCreated' | translate }} {{ item().dateCreated | date: 'MMMM d, y' }}
+                  </p>
+                  <p>
+                    {{ 'resourceCard.labels.dateModified' | translate }}
                     {{ item().dateModified | date: 'MMMM d, y' }}
                   </p>
                 </div>
@@ -64,43 +75,43 @@
             <div class="flex column-gap-5 row-gap-3 mt-1 flex-wrap">
               <a class="icon-container" [href]="item().id + '/resources'">
                 @if (item().hasDataResource) {
-                  <i class="osf-icon-data-colored text-4xl"></i>
+                  <img src="assets/icons/colored/data-colored.svg" alt="data-resource" />
                 } @else {
                   <i class="osf-icon-data text-4xl"></i>
                 }
-                <p>Data</p>
+                <p>{{ 'resourceCard.resources.data' | translate }}</p>
               </a>
               <a class="icon-container" [href]="item().id + '/resources'">
                 @if (item().hasAnalyticCodeResource) {
-                  <i class="osf-icon-code-colored text-4xl"></i>
+                  <img src="assets/icons/colored/code-colored.svg" alt="code-resource" />
                 } @else {
                   <i class="osf-icon-code text-4xl"></i>
                 }
-                <p>Analytic Code</p>
+                <p>{{ 'resourceCard.resources.analyticCode' | translate }}</p>
               </a>
               <a class="icon-container" [href]="item().id + '/resources'">
                 @if (item().hasMaterialsResource) {
-                  <i class="osf-icon-materials-colored text-4xl"></i>
+                  <img src="assets/icons/colored/materials-colored.svg" alt="materials-resource" />
                 } @else {
                   <i class="osf-icon-materials text-4xl"></i>
                 }
-                <p>Materials</p>
+                <p>{{ 'resourceCard.resources.materials' | translate }}</p>
               </a>
               <a class="icon-container" [href]="item().id + '/resources'">
                 @if (item().hasPapersResource) {
-                  <i class="osf-icon-papers-colored text-4xl"></i>
+                  <img src="assets/icons/colored/papers-colored.svg" alt="papers-resource" />
                 } @else {
                   <i class="osf-icon-papers text-4xl"></i>
                 }
-                <p>Papers</p>
+                <p>{{ 'resourceCard.resources.papers' | translate }}</p>
               </a>
               <a class="icon-container" [href]="item().id + '/resources'">
                 @if (item().hasPapersResource) {
-                  <i class="osf-icon-supplements-colored text-4xl"></i>
+                  <img src="assets/icons/colored/supplements-colored.svg" alt="supplements-resource" />
                 } @else {
                   <i class="osf-icon-supplements text-4xl"></i>
                 }
-                <p>Supplements</p>
+                <p>{{ 'resourceCard.resources.supplements' | translate }}</p>
               </a>
             </div>
           }
@@ -109,48 +120,50 @@
       <p-accordion-content>
         <div class="content">
           @if (item().description) {
-            <p class="description">Description: {{ item().description }}</p>
+            <p class="description">{{ 'resourceCard.labels.description' | translate }} {{ item().description }}</p>
           }
 
           @if (item().provider?.id) {
             <span>
-              <p>Registration provider:&nbsp;</p>
+              <p>{{ 'resourceCard.labels.registrationProvider' | translate }}&nbsp;</p>
               <a [href]="item().provider?.id">{{ item().provider?.name }}</a>
             </span>
           }
 
           @if (item().license?.id) {
             <span>
-              <p>License:&nbsp;</p>
+              <p>{{ 'resourceCard.labels.license' | translate }}&nbsp;</p>
               <a [href]="item().license?.id">{{ item().license?.name }}</a>
             </span>
           }
 
           @if (item().registrationTemplate) {
-            <p class="description">Registration Template: {{ item().registrationTemplate }}</p>
+            <p class="description">
+              {{ 'resourceCard.labels.registrationTemplate' | translate }} {{ item().registrationTemplate }}
+            </p>
           }
 
           @if (item().provider?.id) {
             <span>
-              <p>Provider:&nbsp;</p>
+              <p>{{ 'resourceCard.labels.provider' | translate }}&nbsp;</p>
               <a [href]="item().provider?.id">{{ item().provider?.name }}</a>
             </span>
           }
 
           @if (item().conflictOfInterestResponse && item().conflictOfInterestResponse === 'no-conflict-of-interest') {
-            <p class="description">Conflict of Interest response: Author asserted no Conflict of Interest</p>
+            <p class="description">{{ 'resourceCard.labels.conflictOfInterestResponse' | translate }}</p>
           }
 
           @if (item().resourceType !== ResourceType.Agent && item().id) {
             <span>
-              <p>URL:</p>
+              <p>{{ 'resourceCard.labels.url' | translate }}</p>
               <a [href]="item().id">{{ item().id }}</a>
             </span>
           }
 
           @if (item().doi) {
             <span>
-              <p>DOI:&nbsp;</p>
+              <p>{{ 'resourceCard.labels.doi' | translate }}&nbsp;</p>
               <a [href]="item().doi">{{ item().doi }}</a>
             </span>
           }
@@ -161,18 +174,18 @@
               <p-skeleton width="10rem" height="19px" />
               <p-skeleton width="9rem" height="19px" />
             } @else {
-              <p>Public projects: {{ item().publicProjects ?? 0 }}</p>
-              <p>Public registrations: {{ item().publicRegistrations ?? 0 }}</p>
-              <p>Public preprints: {{ item().publicPreprints ?? 0 }}</p>
+              <p>{{ 'resourceCard.labels.publicProjects' | translate }} {{ item().publicProjects ?? 0 }}</p>
+              <p>{{ 'resourceCard.labels.publicRegistrations' | translate }} {{ item().publicRegistrations ?? 0 }}</p>
+              <p>{{ 'resourceCard.labels.publicPreprints' | translate }} {{ item().publicPreprints ?? 0 }}</p>
             }
           }
 
           @if (item().employment) {
-            <p>Employment: {{ item().employment }}</p>
+            <p>{{ 'resourceCard.labels.employment' | translate }} {{ item().employment }}</p>
           }
 
           @if (item().education) {
-            <p>Education: {{ item().education }}</p>
+            <p>{{ 'resourceCard.labels.education' | translate }} {{ item().education }}</p>
           }
         </div>
       </p-accordion-content>
diff --git a/src/app/shared/components/resource-card/resource-card.component.ts b/src/app/shared/components/resource-card/resource-card.component.ts
index c3ee18a79..8a2c0bc21 100644
--- a/src/app/shared/components/resource-card/resource-card.component.ts
+++ b/src/app/shared/components/resource-card/resource-card.component.ts
@@ -1,3 +1,5 @@
+import { TranslatePipe } from '@ngx-translate/core';
+
 import { Accordion, AccordionContent, AccordionHeader, AccordionPanel } from 'primeng/accordion';
 import { Skeleton } from 'primeng/skeleton';
 
@@ -6,6 +8,7 @@ import { finalize } from 'rxjs';
 import { DatePipe, NgOptimizedImage } from '@angular/common';
 import { ChangeDetectionStrategy, Component, inject, model } from '@angular/core';
 import { toSignal } from '@angular/core/rxjs-interop';
+import { Router } from '@angular/router';
 
 import { ResourceType } from '@shared/enums';
 import { Resource } from '@shared/models';
@@ -14,7 +17,16 @@ import { IS_XSMALL } from '@shared/utils';
 
 @Component({
   selector: 'osf-resource-card',
-  imports: [Accordion, AccordionContent, AccordionHeader, AccordionPanel, DatePipe, NgOptimizedImage, Skeleton],
+  imports: [
+    Accordion,
+    AccordionContent,
+    AccordionHeader,
+    AccordionPanel,
+    DatePipe,
+    NgOptimizedImage,
+    Skeleton,
+    TranslatePipe,
+  ],
   templateUrl: './resource-card.component.html',
   styleUrl: './resource-card.component.scss',
   changeDetection: ChangeDetectionStrategy.OnPush,
@@ -24,6 +36,7 @@ export class ResourceCardComponent {
   ResourceType = ResourceType;
   isSmall = toSignal(inject(IS_XSMALL));
   item = model.required<Resource>();
+  private readonly router = inject(Router);
 
   isLoading = false;
   dataIsLoaded = false;
@@ -59,4 +72,13 @@ export class ResourceCardComponent {
         });
     }
   }
+
+  redirectToResource(item: Resource) {
+    // [KP] TODO: handle my registrations and foreign separately
+    if (item.resourceType === ResourceType.Registration) {
+      const parts = item.id.split('/');
+      const uri = parts[parts.length - 1];
+      this.router.navigate(['/registries/my-registrations', uri]);
+    }
+  }
 }
diff --git a/src/app/shared/components/resource-metadata/resource-metadata.component.html b/src/app/shared/components/resource-metadata/resource-metadata.component.html
new file mode 100644
index 000000000..9a6a93e23
--- /dev/null
+++ b/src/app/shared/components/resource-metadata/resource-metadata.component.html
@@ -0,0 +1,167 @@
+@let resource = currentResource();
+
+@if (resource) {
+  <div class="metadata flex flex-column gap-5">
+    <div class="metadata-header flex align-items-center justify-content-between">
+      <h2>{{ 'project.overview.metadata.title' | translate }}</h2>
+
+      <p-button
+        [routerLink]="'../metadata'"
+        severity="secondary"
+        [label]="'common.buttons.edit' | translate"
+      ></p-button>
+    </div>
+
+    <div class="flex flex-column gap-2">
+      <h3>{{ 'project.overview.metadata.contributors' | translate }}</h3>
+
+      <div class="flex gap-1 line-height-2">
+        @for (contributor of resource.contributors; track contributor.id) {
+          <div>
+            <a class="font-bold"> {{ contributor.fullName }}</a>
+            <span>{{ $last ? '' : ',' }}</span>
+          </div>
+        }
+      </div>
+    </div>
+
+    <div class="flex flex-column gap-2">
+      <h3>{{ 'project.overview.metadata.description' | translate }}</h3>
+
+      <osf-truncated-text
+        [maxVisibleLines]="3"
+        [text]="resource.description ? resource.description : ('project.overview.metadata.noDescription' | translate)"
+      />
+    </div>
+
+    @if (resource.type === resourceTypes.Projects) {
+      <div class="flex flex-column gap-2">
+        <h3>{{ 'project.overview.metadata.supplements' | translate }}</h3>
+
+        @if (resource.supplements?.length) {
+          @for (supplement of resource.supplements; track supplement.id) {
+            <p>
+              {{ 'project.overview.metadata.supplementsText1' | translate }}
+              <a class="font-bold" target="_blank" href="{{ supplement.url }}">{{
+                supplement.title + ', ' + (supplement.dateCreated | date: 'MMMM d, y')
+              }}</a>
+              {{ 'project.overview.metadata.supplementsText2' | translate }}
+            </p>
+          }
+        } @else {
+          <p>{{ 'project.overview.metadata.noSupplements' | translate }}</p>
+        }
+      </div>
+    }
+
+    @if (resource.type === resourceTypes.Registrations) {
+      <div class="flex flex-column gap-2">
+        <h3>{{ 'registry.overview.metadata.type' | translate }}</h3>
+        <p>{{ resource.registrationType }}</p>
+      </div>
+
+      @if (resource.associatedProjectId) {
+        <div class="flex flex-column gap-2">
+          <h3>{{ 'registry.overview.metadata.associatedProject' | translate }}</h3>
+          <!--          [KP] TODO: proper link to project-->
+          <a [href]="'https://osf.io/' + resource.associatedProjectId">{{
+            'osf.io/' + resource.associatedProjectId
+          }}</a>
+        </div>
+      }
+    }
+
+    <div class="flex gap-5 lg:gap-2 lg:justify-content-between">
+      <div class="flex flex-column gap-2">
+        <h3>{{ 'project.overview.metadata.dateCreated' | translate }}</h3>
+        <p>{{ resource.dateCreated | date: 'MMM d, y, h:mm a' }}</p>
+      </div>
+
+      @if (resource.type !== resourceTypes.Registrations) {
+        <div class="flex flex-column gap-2">
+          <h3>{{ 'project.overview.metadata.dateUpdated' | translate }}</h3>
+          <p>{{ resource.dateModified | date: 'MMM d, y, h:mm a' }}</p>
+        </div>
+      } @else {
+        <div class="flex flex-column gap-2">
+          <h3>{{ 'registry.overview.metadata.registeredDate' | translate }}</h3>
+          <p>{{ resource.dateRegistered | date: 'MMM d, y, h:mm a' }}</p>
+        </div>
+      }
+    </div>
+
+    <div class="flex flex-column gap-2">
+      <h3>{{ 'project.overview.metadata.license' | translate }}</h3>
+
+      <div>{{ resource.license?.name ?? ('project.overview.metadata.noLicense' | translate) }}</div>
+    </div>
+
+    <div class="flex flex-column gap-2">
+      @if (resource.type !== resourceTypes.Registrations) {
+        <h3>{{ 'project.overview.metadata.publication' | translate }}</h3>
+      } @else {
+        <h3>{{ 'registry.overview.metadata.doi' | translate }}</h3>
+      }
+
+      @if (resource.identifiers?.length) {
+        @for (identifier of resource.identifiers; track identifier.id) {
+          @if (identifier.category === 'doi') {
+            @if (resource.type !== resourceTypes.Registrations) {
+              <a [href]="'https://doi.org/' + identifier.value">
+                {{ identifier.value }}
+              </a>
+            } @else {
+              <a [href]="'https://doi.org/' + identifier.value">
+                {{ 'https://doi.org/' + identifier.value }}
+              </a>
+            }
+          }
+        }
+      } @else {
+        <p>{{ 'project.overview.metadata.noPublicationDoi' | translate }}</p>
+      }
+    </div>
+
+    <div class="flex flex-column gap-2">
+      <h3>{{ 'project.overview.metadata.affiliatedInstitutions' | translate }}</h3>
+
+      <div class="flex gap-2">
+        @if (resource.affiliatedInstitutions?.length) {
+          @for (institution of resource.affiliatedInstitutions; track institution.id) {
+            <img alt="institution logo" [src]="institution.logo" height="45" />
+          }
+        } @else {
+          <p>{{ 'project.overview.metadata.noAffiliatedInstitutions' | translate }}</p>
+        }
+      </div>
+    </div>
+
+    <div class="flex flex-column gap-2">
+      <h3>{{ 'project.overview.metadata.subjects' | translate }}</h3>
+
+      <div class="flex flex-wrap gap-2">
+        @if (resource.subjects.length) {
+          @for (subject of resource.subjects; track subject.id) {
+            <p-tag [value]="subject.text" severity="info" />
+          }
+        } @else {
+          <p>{{ 'project.overview.metadata.noSubjects' | translate }}</p>
+        }
+      </div>
+    </div>
+
+    <div class="flex flex-column gap-2">
+      <h3>{{ 'project.overview.metadata.tags' | translate }}</h3>
+
+      @if (resource.tags.length) {
+        <div class="flex flex-wrap gap-2">
+          @for (tag of resource.tags; track tag) {
+            <p-tag [value]="tag" severity="info" />
+          }
+        </div>
+      } @else {
+        <p>{{ 'project.overview.metadata.noTags' | translate }}</p>
+      }
+    </div>
+  </div>
+}
diff --git a/src/app/features/project/overview/components/overview-metadata/overview-metadata.component.scss b/src/app/shared/components/resource-metadata/resource-metadata.component.scss
similarity index 51%
rename from src/app/features/project/overview/components/overview-metadata/overview-metadata.component.scss
rename to src/app/shared/components/resource-metadata/resource-metadata.component.scss
index 51d58cfb4..b3d944f2b 100644
--- a/src/app/features/project/overview/components/overview-metadata/overview-metadata.component.scss
+++ b/src/app/shared/components/resource-metadata/resource-metadata.component.scss
@@ -1,4 +1,4 @@
-@use "/assets/styles/variables" as var;
+@use "assets/styles/variables" as var;
 
 .metadata {
   color: var.$dark-blue-1;
diff --git a/src/app/features/project/overview/components/overview-metadata/overview-metadata.component.spec.ts b/src/app/shared/components/resource-metadata/resource-metadata.component.spec.ts
similarity index 90%
rename from src/app/features/project/overview/components/overview-metadata/overview-metadata.component.spec.ts
rename to src/app/shared/components/resource-metadata/resource-metadata.component.spec.ts
index eda589939..03524df23 100644
--- a/src/app/features/project/overview/components/overview-metadata/overview-metadata.component.spec.ts
+++ b/src/app/shared/components/resource-metadata/resource-metadata.component.spec.ts
@@ -1,6 +1,6 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 
-import { OverviewMetadataComponent } from './overview-metadata.component';
+import { OverviewMetadataComponent } from './resource-metadata.component';
 
 describe('OverviewMetadataComponent', () => {
   let component: OverviewMetadataComponent;
diff --git a/src/app/shared/components/resource-metadata/resource-metadata.component.ts b/src/app/shared/components/resource-metadata/resource-metadata.component.ts
new file mode 100644
index 000000000..6b02fa95f
--- /dev/null
+++ b/src/app/shared/components/resource-metadata/resource-metadata.component.ts
@@ -0,0 +1,25 @@
+import { TranslatePipe } from '@ngx-translate/core';
+
+import { Button } from 'primeng/button';
+import { Tag } from 'primeng/tag';
+
+import { DatePipe } from '@angular/common';
+import { ChangeDetectionStrategy, Component, input } from '@angular/core';
+import { RouterLink } from '@angular/router';
+
+import { TruncatedTextComponent } from '@shared/components/truncated-text/truncated-text.component';
+import { OsfResourceTypes } from '@shared/constants';
+import { ResourceOverview } from '@shared/models';
+
+@Component({
+  selector: 'osf-resource-metadata',
+  imports: [Button, TranslatePipe, TruncatedTextComponent, RouterLink, Tag, DatePipe],
+  templateUrl: './resource-metadata.component.html',
+  styleUrl: './resource-metadata.component.scss',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class ResourceMetadataComponent {
+  currentResource = input.required<ResourceOverview | null>();
+
+  protected readonly resourceTypes = OsfResourceTypes;
+}
diff --git a/src/app/shared/constants/index.ts b/src/app/shared/constants/index.ts
index 2c0a7d774..0043e7201 100644
--- a/src/app/shared/constants/index.ts
+++ b/src/app/shared/constants/index.ts
@@ -6,6 +6,7 @@ export * from './input-limits.const';
 export * from './input-validation-messages.const';
 export * from './language.const';
 export * from './meetings-table.constants';
+export * from './osf-resource-types.const';
 export * from './registry-services-icons.const';
 export * from './remove-nullable.const';
 export * from './resource-filters-defaults';
diff --git a/src/app/shared/constants/osf-resource-types.const.ts b/src/app/shared/constants/osf-resource-types.const.ts
new file mode 100644
index 000000000..14707ddae
--- /dev/null
+++ b/src/app/shared/constants/osf-resource-types.const.ts
@@ -0,0 +1,4 @@
+export const OsfResourceTypes = {
+  Projects: 'nodes',
+  Registrations: 'registrations',
+};
diff --git a/src/app/shared/mappers/index.ts b/src/app/shared/mappers/index.ts
index 5c5cd00dd..711de153a 100644
--- a/src/app/shared/mappers/index.ts
+++ b/src/app/shared/mappers/index.ts
@@ -3,4 +3,5 @@ export * from './filters';
 export * from './institutions';
 export * from './licenses.mapper';
 export * from './resource-card';
+export * from './resource-overview.mappers';
 export * from './subjects';
diff --git a/src/app/shared/mappers/resource-overview.mappers.ts b/src/app/shared/mappers/resource-overview.mappers.ts
new file mode 100644
index 000000000..24dc74f26
--- /dev/null
+++ b/src/app/shared/mappers/resource-overview.mappers.ts
@@ -0,0 +1,79 @@
+import { ProjectOverview } from '@osf/features/project/overview/models';
+import { RegistryInstitution, RegistryOverview, RegistrySubject } from '@osf/features/registry/models';
+import { ResourceOverview } from '@shared/models';
+
+export function MapProjectOverview(project: ProjectOverview): ResourceOverview {
+  return {
+    id: project.id,
+    type: project.type,
+    title: project.title,
+    description: project.description,
+    dateModified: project.dateModified,
+    dateCreated: project.dateCreated,
+    isPublic: project.isPublic,
+    category: project.category,
+    isRegistration: project.isRegistration,
+    isPreprint: project.isPreprint,
+    isFork: project.isFork,
+    isCollection: project.isCollection,
+    tags: project.tags || [],
+    accessRequestsEnabled: project.accessRequestsEnabled,
+    nodeLicense: project.nodeLicense || undefined,
+    license: project.license || undefined,
+    storage: project.storage || undefined,
+    identifiers: project.identifiers?.filter(Boolean) || undefined,
+    supplements: project.supplements?.filter(Boolean) || undefined,
+    analyticsKey: project.analyticsKey,
+    currentUserCanComment: project.currentUserCanComment,
+    currentUserPermissions: project.currentUserPermissions || [],
+    currentUserIsContributor: project.currentUserIsContributor,
+    currentUserIsContributorOrGroupMember: project.currentUserIsContributorOrGroupMember,
+    wikiEnabled: project.wikiEnabled,
+    subjects: project.subjects?.filter(Boolean) || [],
+    contributors: project.contributors?.filter(Boolean) || [],
+    region: project.region || undefined,
+    affiliatedInstitutions: project.affiliatedInstitutions?.filter(Boolean) || undefined,
+    forksCount: project.forksCount || 0,
+    viewOnlyLinksCount: project.viewOnlyLinksCount || 0,
+  };
+}
+
+export function MapRegistryOverview(
+  registry: RegistryOverview,
+  subjects: RegistrySubject[],
+  institutions: RegistryInstitution[]
+): ResourceOverview {
+  return {
+    id: registry.id,
+    title: registry.title,
+    type: registry.type,
+    description: registry.description,
+    dateModified: registry.dateModified,
+    dateCreated: registry.dateCreated,
+    dateRegistered: registry.dateRegistered,
+    isPublic: registry.isPublic,
+    category: registry.category,
+    isRegistration: true,
+    isPreprint: false,
+    isCollection: false,
+    isFork: registry.isFork,
+    tags: registry.tags || [],
+    accessRequestsEnabled: registry.accessRequestsEnabled,
+    nodeLicense: registry.nodeLicense || undefined,
+    license: registry.license || undefined,
+    identifiers: registry.identifiers?.filter(Boolean) || undefined,
+    analyticsKey: registry.analyticsKey,
+    registrationType: registry.registrationType,
+    currentUserCanComment: registry.currentUserCanComment,
+    currentUserPermissions: registry.currentUserPermissions || [],
+    currentUserIsContributor: registry.currentUserIsContributor,
+    currentUserIsContributorOrGroupMember: registry.currentUserIsContributorOrGroupMember,
+    wikiEnabled: registry.wikiEnabled,
+    contributors: registry.contributors?.filter(Boolean) || [],
+    region: registry.region || undefined,
+    forksCount: registry.forksCount,
+    subjects: subjects,
+    affiliatedInstitutions: institutions,
+    associatedProjectId: registry.associatedProjectId,
+  };
+}
diff --git a/src/app/shared/models/index.ts b/src/app/shared/models/index.ts
index 6342eb00e..5386e39a8 100644
--- a/src/app/shared/models/index.ts
+++ b/src/app/shared/models/index.ts
@@ -23,6 +23,7 @@ export * from './node-subject.model';
 export * from './paginated-data.model';
 export * from './query-params.model';
 export * from './resource-card';
+export * from './resource-overview.model';
 export * from './search';
 export * from './select-option.model';
 export * from './severity.type';
@@ -32,6 +33,7 @@ export * from './store';
 export * from './subject';
 export * from './tab-option.model';
 export * from './table-parameters.model';
+export * from './toolbar-resource.model';
 export * from './tooltip-position.model';
 export * from './tutorial-step.model';
 export * from './update-node-request.model';
diff --git a/src/app/shared/models/resource-overview.model.ts b/src/app/shared/models/resource-overview.model.ts
new file mode 100644
index 000000000..77caa9968
--- /dev/null
+++ b/src/app/shared/models/resource-overview.model.ts
@@ -0,0 +1,69 @@
+import { ProjectOverviewContributor } from '@osf/features/project/overview/models';
+import { RegistrySubject } from '@osf/features/registry/models';
+
+export interface ResourceOverview {
+  id: string;
+  type: string;
+  title: string;
+  description: string;
+  dateModified: string;
+  dateCreated: string;
+  dateRegistered?: string;
+  isPublic: boolean;
+  category: string;
+  isRegistration: boolean;
+  isPreprint: boolean;
+  isFork: boolean;
+  isCollection: boolean;
+  tags: string[];
+  accessRequestsEnabled: boolean;
+  nodeLicense?: {
+    copyrightHolders: string[];
+    year: string;
+  };
+  license?: {
+    name: string;
+    text: string;
+    url: string;
+  };
+  storage?: {
+    id: string;
+    type: string;
+    storageLimitStatus: string;
+    storageUsage: string;
+  };
+  identifiers?: {
+    id: string;
+    type: string;
+    category: string;
+    value: string;
+  }[];
+  supplements?: {
+    id: string;
+    type: string;
+    title: string;
+    dateCreated: string;
+    url: string;
+  }[];
+  registrationType?: string;
+  analyticsKey: string;
+  currentUserCanComment: boolean;
+  currentUserPermissions: string[];
+  currentUserIsContributor: boolean;
+  currentUserIsContributorOrGroupMember: boolean;
+  wikiEnabled: boolean;
+  subjects: RegistrySubject[];
+  contributors: ProjectOverviewContributor[];
+  region?: {
+    id: string;
+    type: string;
+  };
+  affiliatedInstitutions?: {
+    id: string;
+    logo: string;
+    logoRounded?: string;
+  }[];
+  forksCount: number;
+  viewOnlyLinksCount?: number;
+  associatedProjectId?: string;
+}
diff --git a/src/app/shared/models/toolbar-resource.model.ts b/src/app/shared/models/toolbar-resource.model.ts
new file mode 100644
index 000000000..a267af212
--- /dev/null
+++ b/src/app/shared/models/toolbar-resource.model.ts
@@ -0,0 +1,15 @@
+import { ResourceType } from '@shared/enums';
+
+export interface ToolbarResource {
+  id: string;
+  isPublic: boolean;
+  storage?: {
+    id: string;
+    type: string;
+    storageLimitStatus: string;
+    storageUsage: string;
+  };
+  viewOnlyLinksCount: number;
+  forksCount: number;
+  resourceType: ResourceType;
+}
diff --git a/src/assets/i18n/en.json b/src/assets/i18n/en.json
index 04b582bd6..0b763e9d1 100644
--- a/src/assets/i18n/en.json
+++ b/src/assets/i18n/en.json
@@ -27,7 +27,8 @@
       "select": "Select",
       "deselect": "Deselect",
       "yes": "Yes",
-      "no": "No"
+      "no": "No",
+      "update": "Update"
     },
     "search": {
       "title": "Search",
@@ -61,6 +62,7 @@
     },
     "labels": {
       "downloads": "Downloads",
+      "public": "Public",
       "title": "Title",
       "description": "Description",
       "year": "Year"
@@ -93,7 +95,9 @@
     "myProjects": "My Projects",
     "registries": "Registries",
     "registriesSubRoutes": {
-      "overview": "Overview"
+      "overview": "Overview",
+      "myRegistrations": "My Registrations",
+      "registryDetails": "Registry Details"
     },
     "preprints": "Preprints",
     "preprintsSubRoutes": {
@@ -121,6 +125,17 @@
       "analytics": "Analytics",
       "addons": "Add-ons"
     },
+    "registration": {
+      "details": "Registry details",
+      "overview": "Overview",
+      "metadata": "Metadata",
+      "files": "Files",
+      "resources": "Resources",
+      "wiki": "Wiki",
+      "components": "Components",
+      "links": "Links",
+      "analytics": "Analytics"
+    },
     "institutions": "Institutions"
   },
   "auth": {
@@ -661,6 +676,8 @@
         "settings": "Settings",
         "delete": "Delete",
         "forkProject": "Fork this project",
+        "forkRegistry": "Fork this registry",
+        "forkResource": "Fork this resource",
         "duplicateProject": "Duplicate this project",
         "viewDuplication": "View forks",
         "socials": {
@@ -1609,6 +1626,36 @@
       "providerLogoImageAlt": "Provider Logo"
     }
   },
+  "registries": {
+    "title": "Registries",
+    "addRegistration": "Add a Registration",
+    "description": "The open registries network",
+    "searchPlaceholder": "Search Registrations",
+    "services": {
+      "title": "Registry Services",
+      "description": "Leading registry service providers use this open source infrastructure to support their communities.",
+      "contactUs": "Contact Us"
+    },
+    "browse": "Browse Registrations",
+    "seeMore": "See more"
+  },
+  "registry": {
+    "overview": {
+      "public": "Public Registration",
+      "updates": "Updates",
+      "statuses": {
+        "frozen": "This public registration is a frozen, non-editable version of this"
+      },
+      "metadata": {
+        "type": "Registration Type",
+        "registeredDate": "Date registered",
+        "doi": "Registration DOI",
+        "associatedProject": "Associated project"
+      },
+      "original": "Original",
+      "last": "Last"
+    }
+  },
   "truncatedText": {
     "readMore": "Read more",
     "hide": "Hide"
@@ -1657,6 +1704,37 @@
       "noSubject": "No subjects found"
     }
   },
+  "resourceCard": {
+    "type": {
+      "user": "User"
+    },
+    "labels": {
+      "from": "From:",
+      "dateCreated": "Date created:",
+      "dateModified": "Date modified:",
+      "description": "Description:",
+      "registrationProvider": "Registration provider:",
+      "license": "License:",
+      "registrationTemplate": "Registration Template:",
+      "provider": "Provider:",
+      "conflictOfInterestResponse": "Conflict of Interest response: Author asserted no Conflict of Interest",
+      "url": "URL:",
+      "doi": "DOI:",
+      "publicProjects": "Public projects:",
+      "publicRegistrations": "Public registrations:",
+      "publicPreprints": "Public preprints:",
+      "employment": "Employment:",
+      "education": "Education:"
+    },
+    "resources": {
+      "data": "Data",
+      "analyticCode": "Analytic Code",
+      "materials": "Materials",
+      "papers": "Papers",
+      "supplements": "Supplements"
+    },
+    "more": "and {{count}} more"
+  },
   "pageNotFound": {
     "title": "Page not found",
     "message": "The page you were looking for is either doesn't exist, was deleted, or the URL may be incorrect. If this should not have occurred and the issue persists, please report it to"