diff --git a/src/app/about/about.component.html b/src/app/about/about.component.html
index 358852a..6bd500d 100644
--- a/src/app/about/about.component.html
+++ b/src/app/about/about.component.html
@@ -4,7 +4,7 @@
   </mat-card-title>
   <mat-card-content>
     <h2>Version</h2>
-      <!--<p><span class='h'>Client: </span>{{ version }}></p>-->
+      <p><span class='h'>Client: </span>{{ version }}></p>
       <p><span class='h'>Server: </span>{{ (configService.conf | async).bootstrap.server.version }}</p>
   </mat-card-content>
 </mat-card>
\ No newline at end of file
diff --git a/src/app/about/about.component.ts b/src/app/about/about.component.ts
index 79f29cb..3d293a4 100644
--- a/src/app/about/about.component.ts
+++ b/src/app/about/about.component.ts
@@ -1,8 +1,7 @@
 import { Component, OnInit } from '@angular/core'
 
 import { ConfigService } from '../config.service'
-// TODO: get the dynamic version from the git tags
-//import packageJson from '../../../package.json'
+import versionJson from '../../version.json'
 
 @Component({
   selector: 'app-about',
@@ -14,7 +13,7 @@ export class AboutComponent implements OnInit {
     public configService: ConfigService,
   ) { }
 
-  //public version: string = packageJson.version
+  public version: string = versionJson.version
 
   ngOnInit(): void {
   }
diff --git a/src/version.json b/src/version.json
new file mode 100644
index 0000000..c158d5b
--- /dev/null
+++ b/src/version.json
@@ -0,0 +1,3 @@
+{
+  "version": "0.0.0"
+}
\ No newline at end of file
diff --git a/tsconfig.json b/tsconfig.json
index 51a9bd8..b149b41 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -15,9 +15,8 @@
     "importHelpers": true,
     "target": "ES2022",
     "module": "es2020",
-    // TODO: get the dynamic version from the git tags
     //"allowSyntheticDefaultImports": true,
-    //"resolveJsonModule": true,
+    "resolveJsonModule": true,
     "lib": [
       "es2019",
       "dom"