diff --git a/src/app/app.routes.ts b/src/app/app.routes.ts
index b0a0f930..63976125 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';
@@ -148,6 +150,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 5958a21c..870e9f72 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 5f4e7a8a..8dd89b68 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 035c14c6..ff2a2518 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;
   protected readonly mainMenuItems = this.navItems.map((item) => this.convertToMenuItem(item));
 
   closeMenu = output<void>();
@@ -40,6 +41,13 @@ export class NavMenuComponent {
 
   protected readonly currentProjectId = computed(() => this.currentRoute().projectId);
   protected readonly isProjectRoute = computed(() => !!this.currentProjectId());
+  protected readonly isRegistryRoute = computed(() => {
+    const segments = this.currentRoute().segments;
+    if (segments && segments.length > 0) {
+      return segments[0] === 'registries' && segments[1] === 'my-registrations' && !!segments[2];
+    }
+    return false;
+  });
 
   convertToMenuItem(item: NavItem): MenuItem {
     const currentUrl = this.router.url;
@@ -60,8 +68,9 @@ export class NavMenuComponent {
   getRouteInfo() {
     const projectId = this.route.firstChild?.snapshot.params['id'] || null;
     const section = this.route.firstChild?.firstChild?.snapshot.url[0]?.path || 'overview';
+    const segments = this.route.firstChild?.snapshot.url.map((s) => s.path);
 
-    return { projectId, section };
+    return { projectId, section, segments };
   }
 
   goToLink(item: MenuItem) {
diff --git a/src/app/core/constants/nav-items.constant.ts b/src/app/core/constants/nav-items.constant.ts
index efaf7042..aad78013 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 24b90dae..fc682cd3 100644
--- a/src/app/features/collections/services/collections.service.ts
+++ b/src/app/features/collections/services/collections.service.ts
@@ -56,4 +56,32 @@ export class CollectionsService {
 
     return this.#jsonApiService.delete(url, payload);
   }
+
+  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 036d0a3e..c11c90b9 100644
--- a/src/app/features/collections/store/collections.actions.ts
+++ b/src/app/features/collections/store/collections.actions.ts
@@ -1,22 +1,26 @@
+import { ResourceType } from '@shared/enums';
+
 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 4319409d..04f36611 100644
--- a/src/app/features/collections/store/collections.state.ts
+++ b/src/app/features/collections/store/collections.state.ts
@@ -1,16 +1,18 @@
 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,
   GetBookmarksCollectionId,
-  RemoveProjectFromBookmarks,
+  RemoveResourceFromBookmarks,
   SetCollectedTypeFilters,
   SetDataTypeFilters,
   SetDiseaseFilters,
@@ -82,8 +84,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: {
@@ -92,21 +94,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: {
@@ -115,17 +134,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 90e5e60b..8a8bdf7d 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 19fcb632..fbed3397 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 3ad8cf02..970ff8fb 100644
--- a/src/app/features/my-projects/services/my-projects.service.ts
+++ b/src/app/features/my-projects/services/my-projects.service.ts
@@ -1,11 +1,11 @@
-import { Observable } from 'rxjs';
+import { EMPTY, Observable } from 'rxjs';
 import { map } from 'rxjs/operators';
 
 import { inject, Injectable } from '@angular/core';
 
 import { JsonApiService } from '@osf/core/services';
 import { SparseCollectionsResponse } 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';
@@ -37,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;
     }
@@ -82,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> {
@@ -105,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(
@@ -113,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 cec08abc..e2dd9a2e 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 a1d38e11..d626f11d 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', 'totalBookmarks'], 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 c84489ac..b8e262ac 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 81dbf716..0f0468e5 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 930f0b86..00000000
--- 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 9b589984..00000000
--- 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 eefc857b..42c7d9ab 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 5004f9cb..f84dea1a 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 def507fa..ff48a93f 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 bb84cc57..356a6665 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 2d746649..f94978e7 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 b27a9d66..8c5f2495 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 3f045cfa..67194a74 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 00000000..2d7d7308
--- /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 00000000..591b914d
--- /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 00000000..f73fded2
--- /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 00000000..445f5f2e
--- /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 00000000..9be0c015
--- /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 00000000..dd4db0c5
--- /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 00000000..9f68bb89
--- /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 00000000..c92010cc
--- /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 00000000..786c3397
--- /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 00000000..cd161712
--- /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 00000000..27dd1e56
--- /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 00000000..19f1c6c0
--- /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 00000000..e2880e23
--- /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 00000000..a492cedd
--- /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 00000000..90ecba76
--- /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 00000000..db933054
--- /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 00000000..ec8840d9
--- /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 00000000..89783406
--- /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 00000000..e69de29b
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 00000000..f3bf7dc7
--- /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 00000000..bfa44010
--- /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 00000000..68ac8e1b
--- /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 00000000..0b2facad
--- /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 00000000..25c9a0d2
--- /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 00000000..1fb54072
--- /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 00000000..26754c84
--- /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 00000000..c60c1306
--- /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 00000000..0d779844
--- /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 00000000..383178b2
--- /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 0ef79a98..716c485b 100644
--- a/src/app/shared/components/index.ts
+++ b/src/app/shared/components/index.ts
@@ -19,6 +19,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 { SearchHelpTutorialComponent } from './search-help-tutorial/search-help-tutorial.component';
 export { SearchInputComponent } from './search-input/search-input.component';
 export { SelectComponent } from './select/select.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 cc22dcef..b2e26060 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 c3ee18a7..8a2c0bc2 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 00000000..9a6a93e2
--- /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 51d58cfb..b3d944f2 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 eda58993..03524df2 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 00000000..6b02fa95
--- /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 b7598dcf..db82d3e9 100644
--- a/src/app/shared/constants/index.ts
+++ b/src/app/shared/constants/index.ts
@@ -5,6 +5,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 00000000..14707dda
--- /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 8c81d4fe..66095734 100644
--- a/src/app/shared/mappers/index.ts
+++ b/src/app/shared/mappers/index.ts
@@ -2,4 +2,5 @@ export * from './addon.mapper';
 export * from './filters';
 export * from './institutions';
 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 00000000..24dc74f2
--- /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 bebcc60f..a3808023 100644
--- a/src/app/shared/models/index.ts
+++ b/src/app/shared/models/index.ts
@@ -20,12 +20,14 @@ 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 './select-option.model';
 export * from './severity.type';
 export * from './social-icon.model';
 export * from './store';
 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 00000000..77caa996
--- /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 00000000..a267af21
--- /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 b28e7044..cd0c61c7 100644
--- a/src/assets/i18n/en.json
+++ b/src/assets/i18n/en.json
@@ -23,7 +23,8 @@
       "skip": "Skip",
       "done": "Done",
       "select": "Select",
-      "deselect": "Deselect"
+      "deselect": "Deselect",
+      "update": "Update"
     },
     "search": {
       "title": "Search",
@@ -38,7 +39,8 @@
       }
     },
     "labels": {
-      "downloads": "Downloads"
+      "downloads": "Downloads",
+      "public": "Public"
     },
     "deleteConfirmation": {
       "header": "Delete",
@@ -62,7 +64,9 @@
     "myProjects": "My Projects",
     "registries": "Registries",
     "registriesSubRoutes": {
-      "overview": "Overview"
+      "overview": "Overview",
+      "myRegistrations": "My Registrations",
+      "registryDetails": "Registry Details"
     },
     "preprints": "Preprints",
     "preprintsSubRoutes": {
@@ -90,6 +94,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": {
@@ -590,6 +605,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": {
@@ -1545,6 +1562,23 @@
     "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"
@@ -1580,6 +1614,37 @@
       "supplements": "Supplements"
     }
   },
+  "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"