diff --git a/summer2024-frontend/.env b/summer2024-frontend/.env
new file mode 100644
index 0000000..5e01b0f
--- /dev/null
+++ b/summer2024-frontend/.env
@@ -0,0 +1 @@
+VITE_APP_VERSION=$npm_package_version
\ No newline at end of file
diff --git a/summer2024-frontend/src/App.vue b/summer2024-frontend/src/App.vue
index 8d10567..663d6ed 100644
--- a/summer2024-frontend/src/App.vue
+++ b/summer2024-frontend/src/App.vue
@@ -1,19 +1,33 @@
 <script setup>
 import { RouterLink, RouterView } from 'vue-router'
 import { Images, Map } from 'lucide-vue-next'
+import { ref } from 'vue'
+
+const appVersion = ref(import.meta.env.VITE_APP_VERSION)
 </script>
 
 <template>
   <div class="fixed w-full top-0 z-50 flex items-center backdrop-blur-md bg-black/10 gap-2 px-3">
     <a href="https://www.kektus.fr"
-      ><h1 id="kektus" class="font-bold select-none mx-3 my-3 text-2xl hover:text-3xl transition-all duration-300">kektus</h1></a
+    ><h1 id="kektus" class="font-bold select-none mx-3 my-3 text-2xl hover:text-3xl transition-all duration-300">
+      kektus</h1></a
     >
     <h1 class="font-light text-lg my-2 mr-3">carnet de voyage été 2024</h1>
     <div class="flex-grow"></div>
-    <RouterLink :to="{name: 'home'}"><div class="p-2 bg-black/10 hover:bg-black/20 transition-colors duration-300 rounded-lg"><Images size="20" /></div></RouterLink>
-    <RouterLink to="/map"><div class="p-2 bg-black/10 hover:bg-black/20 transition-colors duration-300 rounded-lg"><Map size="20" /></div></RouterLink>
+    <RouterLink :to="{name: 'home'}">
+      <div class="p-2 bg-black/10 hover:bg-black/20 transition-colors duration-300 rounded-lg">
+        <Images size="20" />
+      </div>
+    </RouterLink>
+    <RouterLink to="/map">
+      <div class="p-2 bg-black/10 hover:bg-black/20 transition-colors duration-300 rounded-lg">
+        <Map size="20" />
+      </div>
+    </RouterLink>
   </div>
   <RouterView />
+  <p class="fixed right-0 bottom-0 z-50 p-1 font-extralight text-sm"><a
+    href="https://gitlab.kektus.xyz/kektus/services/summer2024" target="_blank">v{{ appVersion }}</a></p>
 </template>
 
 <style scoped></style>
diff --git a/summer2024-frontend/src/config.js b/summer2024-frontend/src/config.js
index 7a73a12..de29f13 100644
--- a/summer2024-frontend/src/config.js
+++ b/summer2024-frontend/src/config.js
@@ -1,3 +1,3 @@
-export const API_BASE_URL = import.meta.env.VITE_API_BASEURL;
-export const S3_ENDPOINT = import.meta.env.VITE_S3_ENDPOINT;
-export const S3_BUCKET = import.meta.env.VITE_S3_BUCKET;
+export const API_BASE_URL = import.meta.env.VITE_API_BASEURL
+export const S3_ENDPOINT = import.meta.env.VITE_S3_ENDPOINT
+export const S3_BUCKET = import.meta.env.VITE_S3_BUCKET
diff --git a/summer2024-frontend/vite.config.js b/summer2024-frontend/vite.config.js
index 6e38a91..4754cfc 100644
--- a/summer2024-frontend/vite.config.js
+++ b/summer2024-frontend/vite.config.js
@@ -27,4 +27,4 @@ export default defineConfig({
   esbuild: {
     drop: []
   }
-})
\ No newline at end of file
+})