diff --git a/apps/red-ui/src/app/app.module.ts b/apps/red-ui/src/app/app.module.ts
index adde0b7d3..6e2768349 100644
--- a/apps/red-ui/src/app/app.module.ts
+++ b/apps/red-ui/src/app/app.module.ts
@@ -65,6 +65,7 @@ import { ManualAnnotationDialogComponent } from './dialogs/manual-redaction-dial
 import { FileNotAvailableOverlayComponent } from './screens/file/file-not-available-overlay/file-not-available-overlay.component';
 import { ToastComponent } from './components/toast/toast.component';
 import { FilterComponent } from './common/filter/filter.component';
+import { AppInfoComponent } from './screens/app-info/app-info.component';
 
 export function HttpLoaderFactory(httpClient: HttpClient) {
     return new TranslateHttpLoader(httpClient, '/assets/i18n/', '.json');
@@ -95,7 +96,8 @@ export function HttpLoaderFactory(httpClient: HttpClient) {
         HumanizePipe,
         ToastComponent,
         FileNotAvailableOverlayComponent,
-        FilterComponent
+        FilterComponent,
+        AppInfoComponent
     ],
     imports: [
         BrowserModule,
@@ -126,6 +128,10 @@ export function HttpLoaderFactory(httpClient: HttpClient) {
                 component: AuthErrorComponent,
                 canActivate: [AuthGuard]
             },
+            {
+                path: 'info',
+                component: AppInfoComponent
+            },
             {
                 path: 'ui',
                 component: BaseScreenComponent,
diff --git a/apps/red-ui/src/app/screens/app-info/app-info.component.html b/apps/red-ui/src/app/screens/app-info/app-info.component.html
new file mode 100644
index 000000000..102cdf68f
--- /dev/null
+++ b/apps/red-ui/src/app/screens/app-info/app-info.component.html
@@ -0,0 +1,3 @@
+<section>
+    <p class="heading-xl">App Version: {{ version }}</p>
+</section>
diff --git a/apps/red-ui/src/app/screens/app-info/app-info.component.scss b/apps/red-ui/src/app/screens/app-info/app-info.component.scss
new file mode 100644
index 000000000..427b131fa
--- /dev/null
+++ b/apps/red-ui/src/app/screens/app-info/app-info.component.scss
@@ -0,0 +1,3 @@
+section {
+    padding: 24px;
+}
diff --git a/apps/red-ui/src/app/screens/app-info/app-info.component.ts b/apps/red-ui/src/app/screens/app-info/app-info.component.ts
new file mode 100644
index 000000000..d4ae1ea05
--- /dev/null
+++ b/apps/red-ui/src/app/screens/app-info/app-info.component.ts
@@ -0,0 +1,17 @@
+import { Component, OnInit } from '@angular/core';
+import { version } from '../../../../../../package.json';
+
+@Component({
+    selector: 'redaction-app-info',
+    templateUrl: './app-info.component.html',
+    styleUrls: ['./app-info.component.scss']
+})
+export class AppInfoComponent implements OnInit {
+    version: string;
+
+    constructor() {
+        this.version = version;
+    }
+
+    ngOnInit(): void {}
+}
diff --git a/tsconfig.base.json b/tsconfig.base.json
index 721d287f0..a89d941fd 100644
--- a/tsconfig.base.json
+++ b/tsconfig.base.json
@@ -2,6 +2,7 @@
     "compileOnSave": false,
     "compilerOptions": {
         "rootDir": ".",
+        "resolveJsonModule": true,
         "sourceMap": true,
         "declaration": false,
         "moduleResolution": "node",