diff --git a/.github/workflows/build_publish_container_images.yml b/.github/workflows/build_publish_container_images.yml
index 3b7539a1..1300bf67 100644
--- a/.github/workflows/build_publish_container_images.yml
+++ b/.github/workflows/build_publish_container_images.yml
@@ -23,7 +23,6 @@ jobs:
           username: ${{ secrets.DOCKERHUB_USERNAME }}
           password: ${{ secrets.DOCKERHUB_TOKEN }}
 
-
       - name: Build and push Docker image
         uses: docker/build-push-action@v5
         with:
@@ -32,8 +31,9 @@ jobs:
           push: true
           tags: ${{ steps.meta.outputs.tags }}
           labels: ${{ steps.meta.outputs.labels }}
-          build-args: FONTAWESOME_NPM_AUTH_TOKEN=${{ secrets.FONTAWESOME_NPM_AUTH_TOKEN }}
-
+          build-args: |
+            FONTAWESOME_NPM_AUTH_TOKEN=${{ secrets.FONTAWESOME_NPM_AUTH_TOKEN }}
+            NEXT_PUBLIC_VERSION=${{ github.event.release.tag_name }}
 
   chase-backend:
     runs-on: ubuntu-latest
@@ -53,7 +53,6 @@ jobs:
           username: ${{ secrets.DOCKERHUB_USERNAME }}
           password: ${{ secrets.DOCKERHUB_TOKEN }}
 
-
       - name: Build and push Docker image
         uses: docker/build-push-action@v5
         with:
@@ -81,7 +80,6 @@ jobs:
           username: ${{ secrets.DOCKERHUB_USERNAME }}
           password: ${{ secrets.DOCKERHUB_TOKEN }}
 
-
       - name: Build and push Docker image
         uses: docker/build-push-action@v5
         with:
@@ -89,4 +87,4 @@ jobs:
           file: ./Dockerfile.chase.backend.db-migration
           push: true
           tags: ${{ steps.meta.outputs.tags }}
-          labels: ${{ steps.meta.outputs.labels }}
\ No newline at end of file
+          labels: ${{ steps.meta.outputs.labels }}
diff --git a/Dockerfile.chase.frontend b/Dockerfile.chase.frontend
index 59caca4a..e2f46c2e 100644
--- a/Dockerfile.chase.frontend
+++ b/Dockerfile.chase.frontend
@@ -31,8 +31,10 @@ COPY --from=nextjs /app/staging/node_modules ./node_modules/
 COPY --from=builder /app/staging/chase/frontend/public ./public/
 COPY --from=builder /app/staging/chase/frontend/.next/standalone ./
 COPY --from=builder /app/staging/chase/frontend/.next/static ./.next/static
+ARG NEXT_PUBLIC_VERSION
 ENV NODE_ENV=production
 ENV PORT=3000
+ENV NEXT_PUBLIC_VERSION=${NEXT_PUBLIC_VERSION}
 # run the app
 USER bun
 EXPOSE 3000/tcp
diff --git a/bun.lockb b/bun.lockb
index 983da363..06c25cd5 100755
Binary files a/bun.lockb and b/bun.lockb differ
diff --git a/chase/frontend/.env.development b/chase/frontend/.env.development
index 24db7bc0..d34715b7 100644
--- a/chase/frontend/.env.development
+++ b/chase/frontend/.env.development
@@ -1 +1,2 @@
-NEXT_PUBLIC_BACKEND_URL=http://localhost:3001
\ No newline at end of file
+NEXT_PUBLIC_BACKEND_URL=http://localhost:3001
+NEXT_PUBLIC_VERSION=1.1.10
\ No newline at end of file
diff --git a/chase/frontend/app/page.tsx b/chase/frontend/app/page.tsx
index d121718d..343eca98 100644
--- a/chase/frontend/app/page.tsx
+++ b/chase/frontend/app/page.tsx
@@ -1,18 +1,26 @@
 "use client";
-import React from "react";
+import React, { useState } from "react";
 import { useI18nContext } from "@/i18n/i18n-react";
 import Navbar from "@/components/home/navbar";
 import LandingHero from "@/components/home/landing_hero";
 import CardSection from "@/components/home/card_section";
 import TextSection from "@/components/home/text_section";
-import { faCodeBranch, faExternalLink } from "@fortawesome/pro-solid-svg-icons";
+import {
+  faCodeBranch,
+  faCodeCommit,
+  faExternalLink,
+  faStars,
+} from "@fortawesome/pro-solid-svg-icons";
 import Footer from "@/components/home/footer";
 import { useMediaQuery } from "react-responsive";
 import Image from "next/image";
+import VersionModal from "@/components/version_modal";
 
 export default function Home() {
   const { LL } = useI18nContext();
 
+  const [versionModalVisible, setVersionModalVisible] = useState(false);
+
   const _isDesktopOrLaptop = useMediaQuery({
     query: "(min-width: 1024px)",
   });
@@ -48,6 +56,11 @@ export default function Home() {
             <TextSection
               title={LL.home.ABOUT_TITEL()}
               text={LL.home.ABOUT_TEXT()}
+              button={{
+                lable: LL.home.VERSION_BUTTON(),
+                onClick: () => setVersionModalVisible(true),
+                faIcon: faStars,
+              }}
             />
             <TextSection
               title={LL.home.MISSION_TITLE()}
@@ -71,6 +84,10 @@ export default function Home() {
         </div>
       </div>
       <Footer />
+      <VersionModal
+        visible={versionModalVisible}
+        setVisible={setVersionModalVisible}
+      />
     </>
   );
 }
diff --git a/chase/frontend/components/home/text_section.tsx b/chase/frontend/components/home/text_section.tsx
index 608c231b..7d422f13 100644
--- a/chase/frontend/components/home/text_section.tsx
+++ b/chase/frontend/components/home/text_section.tsx
@@ -8,7 +8,8 @@ type TextSectionProps = {
   text: string;
   button?: {
     lable: string;
-    link: string;
+    link?: string;
+    onClick?: () => void;
     faIcon?: IconDefinition;
   };
 };
@@ -30,8 +31,15 @@ export default function TextSection({ title, text, button }: TextSectionProps) {
             <Button
               label={button.lable}
               onClick={() => {
-                //TODO this is not ideal, we should use actual anchor tags for this
-                Router.push(button.link);
+                if (button.onClick) {
+                  button.onClick();
+                  return;
+                }
+                if (button.link) {
+                  Router.push(button.link);
+                  return;
+                }
+                throw new Error("No link or onClick function provided");
               }}
               faIcon={button.faIcon}
               className="mt-4"
diff --git a/chase/frontend/components/navbar/external_links.tsx b/chase/frontend/components/navbar/external_links.tsx
index 3b5edfbd..5326de00 100644
--- a/chase/frontend/components/navbar/external_links.tsx
+++ b/chase/frontend/components/navbar/external_links.tsx
@@ -6,15 +6,19 @@ import type { IconProp } from "@fortawesome/fontawesome-svg-core";
 import {
   faCommentExclamation,
   faNewspaper,
+  faStars,
 } from "@fortawesome/pro-solid-svg-icons";
-import { useContext } from "react";
+import { useContext, useState } from "react";
 import NavButton from "./button";
+import VersionModal from "../version_modal";
 
 export default function ExternalLinks() {
   const { backend } = useBackend();
   const conferenceId = useContext(ConferenceIdContext);
   const { LL } = useI18nContext();
 
+  const [versionModalVisible, setVersionModalVisible] = useState(false);
+
   const [conferenceData] = useBackendCall(() => {
     //TODO
     // biome-ignore lint/style/noNonNullAssertion:
@@ -39,6 +43,18 @@ export default function ExternalLinks() {
           title={LL.navbar.BUG_REPORT()}
         />
       )}
+      <NavButton
+        icon={faStars as IconProp}
+        onClick={() => {
+          setVersionModalVisible(true);
+        }}
+        title={LL.home.VERSION_BUTTON()}
+      />
+      <VersionModal
+        visible={versionModalVisible}
+        setVisible={setVersionModalVisible}
+        autoOpen
+      />
     </>
   );
 }
diff --git a/chase/frontend/components/version_modal.tsx b/chase/frontend/components/version_modal.tsx
new file mode 100644
index 00000000..43cfafdb
--- /dev/null
+++ b/chase/frontend/components/version_modal.tsx
@@ -0,0 +1,168 @@
+import React, { useState, useEffect, use } from "react";
+import { useI18nContext } from "@/i18n/i18n-react";
+import { useBackend } from "@/contexts/backend";
+import { Dialog } from "primereact/dialog";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import {
+  faCheck,
+  faCircle,
+  faCircleNotch,
+  faConstruction,
+  faExternalLink,
+  faPersonDigging,
+  faStars,
+  faTag,
+} from "@fortawesome/pro-solid-svg-icons";
+import Markdown from "react-markdown";
+import Button from "./button";
+import Link from "next/link";
+import SmallInfoCard from "./small_info_card";
+import { env } from "next-runtime-env";
+
+export default function VersionModal({
+  visible,
+  setVisible,
+  autoOpen,
+}: {
+  visible: boolean;
+  setVisible: (boolean) => void;
+  autoOpen?: boolean;
+}) {
+  const { LL, locale } = useI18nContext();
+
+  // biome-ignore lint/suspicious/noExplicitAny: Type not known, github API response
+  const [releases, setReleases] = useState<any[]>([]);
+  const [version, setVersion] = useState<string>("DEV");
+
+  useEffect(() => {
+    const v = env("NEXT_PUBLIC_VERSION") || "DEV";
+    setVersion(v);
+
+    if (
+      localStorage.getItem("munify_version_modal_seen_with_version") !== v &&
+      autoOpen
+    ) {
+      setVisible(true);
+      localStorage.setItem("munify_version_modal_seen_with_version", v);
+    }
+
+    fetch(
+      "https://api.github.com/repos/deutschemodelunitednations/munify/releases",
+    )
+      .then((res) => res.json())
+      .then((data) => {
+        setReleases(data);
+      })
+      .catch((err) => {
+        console.error(err);
+      });
+  }, []);
+
+  return (
+    <>
+      <Dialog
+        header={
+          <>
+            <FontAwesomeIcon icon={faStars} className="mr-3 text-orange-400" />
+            {LL.version.VERSION_MODAL_TITLE()}
+          </>
+        }
+        visible={visible}
+        style={{ width: "70vw" }}
+        onHide={() => setVisible(false)}
+        dismissableMask
+      >
+        <h1 className="text-3xl font-bold text-slate-900 mb-4">
+          {LL.version.VERSION()}
+        </h1>
+        <div className="text-2xl font-mono font-bold text-white py-4 px-4 rounded-lg bg-primary-500 flex justify-center items-center mb-2">
+          <FontAwesomeIcon icon={faTag} className="mr-3" />
+          {version}
+        </div>
+        {version !== releases[0]?.name ? (
+          version === "DEV" ? (
+            <SmallInfoCard icon={faConstruction}>
+              <div className="flex flex-col">
+                <h3 className="font-bold">
+                  {LL.version.DEVELOPMENT_VERSION()}
+                </h3>
+                <p>{LL.version.DEVELOPMENT_VERSION_TEXT()}</p>
+              </div>
+            </SmallInfoCard>
+          ) : (
+            <SmallInfoCard icon={faStars}>
+              <div className="flex flex-col">
+                <h3 className="font-bold">
+                  {LL.version.NEW_VERSION_AVAILABLE()}
+                </h3>
+                <p>{LL.version.NEW_VERSION_AVAILABLE_TEXT()}</p>
+              </div>
+            </SmallInfoCard>
+          )
+        ) : (
+          <SmallInfoCard
+            icon={faCheck}
+            classNameForContentBox="bg-green-500"
+            classNameForIconBox="bg-green-500 text-green-500 border-green-500"
+          >
+            <div className="flex flex-col">
+              <h3 className="font-bold">{LL.version.LATEST_VERSION()}</h3>
+              <p>{LL.version.LATEST_VERSION_TEXT()}</p>
+            </div>
+          </SmallInfoCard>
+        )}
+
+        <h1 className="text-3xl font-bold text-slate-900 mb-2 mt-10">
+          {LL.version.CHANGELOG()}
+        </h1>
+        <p className="text-slate-900 mb-4 text-sm">
+          {LL.version.CHANGELOG_TEXT()}
+        </p>
+        <div className="flex flex-col gap-2">
+          {releases.length > 0 ? (
+            releases.map((release, i) => {
+              if (i > 5) return null;
+              return (
+                <div
+                  key={release.id}
+                  className="p-4 bg-primary-950 rounded-lg flex flex-col gap-2 justify-start items-start"
+                >
+                  <div className="flex gap-2 items-start justify-between w-full mb-2">
+                    <Link
+                      className="text-2xl font-mono font-bold text-white py-2 px-4 rounded-lg bg-primary-500 flex justify-center items-center"
+                      href={release.html_url}
+                    >
+                      <FontAwesomeIcon icon={faTag} className="mr-3" />
+                      {release.name}
+                    </Link>
+                    <div className="text-slate-900">
+                      {new Date(release.published_at).toLocaleString(locale, {
+                        dateStyle: "medium",
+                        timeStyle: "short",
+                      })}
+                    </div>
+                  </div>
+                  <Markdown className="prose prose-sm w-full overflow-x-scroll">
+                    {release.body}
+                  </Markdown>
+                </div>
+              );
+            })
+          ) : (
+            <FontAwesomeIcon icon={faCircleNotch} spin />
+          )}
+          <Button
+            label={LL.version.ALL_RELEASES()}
+            onClick={() =>
+              window.open(
+                "https://github.com/deutschemodelunitednations/munify/releases",
+              )
+            }
+            faIcon={faExternalLink}
+            className="mt-4"
+          />
+        </div>
+      </Dialog>
+    </>
+  );
+}
diff --git a/chase/frontend/i18n/de/index.ts b/chase/frontend/i18n/de/index.ts
index 6b448147..c7923385 100644
--- a/chase/frontend/i18n/de/index.ts
+++ b/chase/frontend/i18n/de/index.ts
@@ -73,6 +73,7 @@ const de = {
     CONTRIBUTE_TEXT:
       "CHASE ist ein wichtiger Bestandteil der Open-Source-Initiative 'MUNify' von DMUN. Das bedeutet, dass jeder, der möchte, zur Entwicklung beitragen kann. Wir freuen uns über jede Hilfe, die wir bekommen können. Wenn Sie also Erfahrung im Web-Development haben, oder einfach nur neue Skills lernen und mithelfen möchten, schauen Sie doch mal auf unserem GitHub vorbei!",
     CONTRIBUTE_BUTTON_LABEL: "MUNify auf GitHub",
+    VERSION_BUTTON: "Version und Änderungen",
     footer: {
       sitemap: {
         TITEL: "Sitemap",
@@ -681,6 +682,20 @@ const de = {
       REPLY_VIA_EMAIL: "Antworten per E-Mail",
     },
   },
+  version: {
+    VERSION_MODAL_TITLE: "Version und Änderungsprotokoll",
+    VERSION: "Version",
+    CHANGELOG: "Änderungsprotokoll",
+    CHANGELOG_TEXT:
+      "Dieses Änderungsprotokoll zeigt die Änderungen in der aktuellen und den letzten 4 Versionen. Aktuell ist das Änderungsprotokoll ausschließlich auf Englisch verfügbar. Für weitere Informationen besuchen Sie unser GitHub-Repository, indem Sie auf den Link unten klicken.",
+    ALL_RELEASES: "Alle Versionen",
+    NEW_VERSION_AVAILABLE: "Neue Version verfügbar",
+    NEW_VERSION_AVAILABLE_TEXT: "Bitte wenden Sie sich an den Administrator, um die App zu aktualisieren.",
+    LATEST_VERSION: "Neueste Version",
+    LATEST_VERSION_TEXT: "Sie verwenden die neueste Version von CHASE.",
+    DEVELOPMENT_VERSION: "Entwicklerversion",
+    DEVELOPMENT_VERSION_TEXT: "Sie verwenden eine Entwicklerversion von CHASE.",
+  },
 } satisfies Translation;
 
 export default de;
diff --git a/chase/frontend/i18n/en/index.ts b/chase/frontend/i18n/en/index.ts
index e5269706..34d1cb04 100644
--- a/chase/frontend/i18n/en/index.ts
+++ b/chase/frontend/i18n/en/index.ts
@@ -65,6 +65,7 @@ const en = {
     ABOUT_TITEL: "About CHASE",
     ABOUT_TEXT:
       "CHASE (CHAirSoftwarE) is a web application for the management of debates in Model United Nations conferences. It is designed to be used by chairs and delegates alike. CHASE enables Chairs to manage debates with ease while delegates can follow along and collaborate with other delegates in a intuitive and structured matter. CHASE is free and open source software.",
+    VERSION_BUTTON: "Version and Changelog",
     MISSION_TITLE: "Our Mission",
     MISSION_TEXT:
       "CHASE is developed by members of the DMUN community. We want to provide a free and open source alternative to other existing debate management software. We want to make debate management more accessible to smaller conferences and make it easier for chairs to manage debates. CHASE is primarily developed for the german-speaking conferences of DMUN in Germany, which are MUN-SH, MUNBW and MUNBB, but we are always open to adapt CHASE to other conferences.",
@@ -213,9 +214,11 @@ const en = {
 
       configs: {
         pressWebsiteTitle: "Press Website",
-        pressWebsiteDescription: "Here you can configure the URL of the press website.",
+        pressWebsiteDescription:
+          "Here you can configure the URL of the press website.",
         feedbackWebsiteTitle: "Feedback Website",
-        feedbackWebsiteDescription: "Here you can configure the URL of the feedback website.",
+        feedbackWebsiteDescription:
+          "Here you can configure the URL of the feedback website.",
         successToast: "Configuration saved",
       },
 
@@ -557,7 +560,7 @@ const en = {
           LATIN_AMERICA: "Latin America and Caribbean",
           EASTERN_EUROPE: "Eastern Europe",
           WESTERN_EUROPE: "Western Europe and Others",
-        }
+        },
       },
     },
     attendance: {
@@ -672,6 +675,21 @@ const en = {
       REPLY_VIA_EMAIL: "Reply via Email",
     },
   },
+  version: {
+    VERSION_MODAL_TITLE: "Version and Changelog",
+    VERSION: "Version",
+    CHANGELOG: "Changelog",
+    CHANGELOG_TEXT:
+      "This changelog shows the changes in the current and the past 4 versions. For more information, visit our GitHub repository by clicking the Link at the bottom.",
+    ALL_RELEASES: "All Releases",
+    NEW_VERSION_AVAILABLE: "Outdated Version",
+    NEW_VERSION_AVAILABLE_TEXT:
+      "A new version is available. Please notify the server admin to update.",
+    LATEST_VERSION: "Latest Version",
+    LATEST_VERSION_TEXT: "You are using the latest version of CHASE.",
+    DEVELOPMENT_VERSION: "Development Version",
+    DEVELOPMENT_VERSION_TEXT: "You are using the development version of CHASE.",
+  },
 } satisfies BaseTranslation;
 
 export default en;
diff --git a/chase/frontend/i18n/i18n-types.ts b/chase/frontend/i18n/i18n-types.ts
index 5c5c6e98..0a534894 100644
--- a/chase/frontend/i18n/i18n-types.ts
+++ b/chase/frontend/i18n/i18n-types.ts
@@ -191,6 +191,10 @@ type RootTranslation = {
 		 * C​H​A​S​E​ ​(​C​H​A​i​r​S​o​f​t​w​a​r​E​)​ ​i​s​ ​a​ ​w​e​b​ ​a​p​p​l​i​c​a​t​i​o​n​ ​f​o​r​ ​t​h​e​ ​m​a​n​a​g​e​m​e​n​t​ ​o​f​ ​d​e​b​a​t​e​s​ ​i​n​ ​M​o​d​e​l​ ​U​n​i​t​e​d​ ​N​a​t​i​o​n​s​ ​c​o​n​f​e​r​e​n​c​e​s​.​ ​I​t​ ​i​s​ ​d​e​s​i​g​n​e​d​ ​t​o​ ​b​e​ ​u​s​e​d​ ​b​y​ ​c​h​a​i​r​s​ ​a​n​d​ ​d​e​l​e​g​a​t​e​s​ ​a​l​i​k​e​.​ ​C​H​A​S​E​ ​e​n​a​b​l​e​s​ ​C​h​a​i​r​s​ ​t​o​ ​m​a​n​a​g​e​ ​d​e​b​a​t​e​s​ ​w​i​t​h​ ​e​a​s​e​ ​w​h​i​l​e​ ​d​e​l​e​g​a​t​e​s​ ​c​a​n​ ​f​o​l​l​o​w​ ​a​l​o​n​g​ ​a​n​d​ ​c​o​l​l​a​b​o​r​a​t​e​ ​w​i​t​h​ ​o​t​h​e​r​ ​d​e​l​e​g​a​t​e​s​ ​i​n​ ​a​ ​i​n​t​u​i​t​i​v​e​ ​a​n​d​ ​s​t​r​u​c​t​u​r​e​d​ ​m​a​t​t​e​r​.​ ​C​H​A​S​E​ ​i​s​ ​f​r​e​e​ ​a​n​d​ ​o​p​e​n​ ​s​o​u​r​c​e​ ​s​o​f​t​w​a​r​e​.
 		 */
 		ABOUT_TEXT: string
+		/**
+		 * V​e​r​s​i​o​n​ ​a​n​d​ ​C​h​a​n​g​e​l​o​g
+		 */
+		VERSION_BUTTON: string
 		/**
 		 * O​u​r​ ​M​i​s​s​i​o​n
 		 */
@@ -1924,6 +1928,52 @@ type RootTranslation = {
 			REPLY_VIA_EMAIL: string
 		}
 	}
+	version: {
+		/**
+		 * V​e​r​s​i​o​n​ ​a​n​d​ ​C​h​a​n​g​e​l​o​g
+		 */
+		VERSION_MODAL_TITLE: string
+		/**
+		 * V​e​r​s​i​o​n
+		 */
+		VERSION: string
+		/**
+		 * C​h​a​n​g​e​l​o​g
+		 */
+		CHANGELOG: string
+		/**
+		 * T​h​i​s​ ​c​h​a​n​g​e​l​o​g​ ​s​h​o​w​s​ ​t​h​e​ ​c​h​a​n​g​e​s​ ​i​n​ ​t​h​e​ ​c​u​r​r​e​n​t​ ​a​n​d​ ​t​h​e​ ​p​a​s​t​ ​4​ ​v​e​r​s​i​o​n​s​.​ ​F​o​r​ ​m​o​r​e​ ​i​n​f​o​r​m​a​t​i​o​n​,​ ​v​i​s​i​t​ ​o​u​r​ ​G​i​t​H​u​b​ ​r​e​p​o​s​i​t​o​r​y​ ​b​y​ ​c​l​i​c​k​i​n​g​ ​t​h​e​ ​L​i​n​k​ ​a​t​ ​t​h​e​ ​b​o​t​t​o​m​.
+		 */
+		CHANGELOG_TEXT: string
+		/**
+		 * A​l​l​ ​R​e​l​e​a​s​e​s
+		 */
+		ALL_RELEASES: string
+		/**
+		 * O​u​t​d​a​t​e​d​ ​V​e​r​s​i​o​n
+		 */
+		NEW_VERSION_AVAILABLE: string
+		/**
+		 * A​ ​n​e​w​ ​v​e​r​s​i​o​n​ ​i​s​ ​a​v​a​i​l​a​b​l​e​.​ ​P​l​e​a​s​e​ ​n​o​t​i​f​y​ ​t​h​e​ ​s​e​r​v​e​r​ ​a​d​m​i​n​ ​t​o​ ​u​p​d​a​t​e​.
+		 */
+		NEW_VERSION_AVAILABLE_TEXT: string
+		/**
+		 * L​a​t​e​s​t​ ​V​e​r​s​i​o​n
+		 */
+		LATEST_VERSION: string
+		/**
+		 * Y​o​u​ ​a​r​e​ ​u​s​i​n​g​ ​t​h​e​ ​l​a​t​e​s​t​ ​v​e​r​s​i​o​n​ ​o​f​ ​C​H​A​S​E​.
+		 */
+		LATEST_VERSION_TEXT: string
+		/**
+		 * D​e​v​e​l​o​p​m​e​n​t​ ​V​e​r​s​i​o​n
+		 */
+		DEVELOPMENT_VERSION: string
+		/**
+		 * Y​o​u​ ​a​r​e​ ​u​s​i​n​g​ ​t​h​e​ ​d​e​v​e​l​o​p​m​e​n​t​ ​v​e​r​s​i​o​n​ ​o​f​ ​C​H​A​S​E​.
+		 */
+		DEVELOPMENT_VERSION_TEXT: string
+	}
 }
 
 export type TranslationFunctions = {
@@ -2104,6 +2154,10 @@ export type TranslationFunctions = {
 		 * CHASE (CHAirSoftwarE) is a web application for the management of debates in Model United Nations conferences. It is designed to be used by chairs and delegates alike. CHASE enables Chairs to manage debates with ease while delegates can follow along and collaborate with other delegates in a intuitive and structured matter. CHASE is free and open source software.
 		 */
 		ABOUT_TEXT: () => LocalizedString
+		/**
+		 * Version and Changelog
+		 */
+		VERSION_BUTTON: () => LocalizedString
 		/**
 		 * Our Mission
 		 */
@@ -3829,6 +3883,52 @@ export type TranslationFunctions = {
 			REPLY_VIA_EMAIL: () => LocalizedString
 		}
 	}
+	version: {
+		/**
+		 * Version and Changelog
+		 */
+		VERSION_MODAL_TITLE: () => LocalizedString
+		/**
+		 * Version
+		 */
+		VERSION: () => LocalizedString
+		/**
+		 * Changelog
+		 */
+		CHANGELOG: () => LocalizedString
+		/**
+		 * This changelog shows the changes in the current and the past 4 versions. For more information, visit our GitHub repository by clicking the Link at the bottom.
+		 */
+		CHANGELOG_TEXT: () => LocalizedString
+		/**
+		 * All Releases
+		 */
+		ALL_RELEASES: () => LocalizedString
+		/**
+		 * Outdated Version
+		 */
+		NEW_VERSION_AVAILABLE: () => LocalizedString
+		/**
+		 * A new version is available. Please notify the server admin to update.
+		 */
+		NEW_VERSION_AVAILABLE_TEXT: () => LocalizedString
+		/**
+		 * Latest Version
+		 */
+		LATEST_VERSION: () => LocalizedString
+		/**
+		 * You are using the latest version of CHASE.
+		 */
+		LATEST_VERSION_TEXT: () => LocalizedString
+		/**
+		 * Development Version
+		 */
+		DEVELOPMENT_VERSION: () => LocalizedString
+		/**
+		 * You are using the development version of CHASE.
+		 */
+		DEVELOPMENT_VERSION_TEXT: () => LocalizedString
+	}
 }
 
 export type Formatters = {}
diff --git a/chase/frontend/package.json b/chase/frontend/package.json
index f09cd9c1..3c88a762 100644
--- a/chase/frontend/package.json
+++ b/chase/frontend/package.json
@@ -25,6 +25,7 @@
     "@fortawesome/sharp-light-svg-icons": "^6.4.2",
     "@fortawesome/sharp-regular-svg-icons": "^6.4.2",
     "@fortawesome/sharp-solid-svg-icons": "^6.4.2",
+    "@react-pdf/renderer": "^3.4.4",
     "@simplewebauthn/browser": "^10.0.0",
     "@types/react": "18.3.1",
     "@types/react-dom": "18.3.0",
@@ -32,34 +33,34 @@
     "bun-types": "latest",
     "framer-motion": "^11.1.7",
     "fuse.js": "^7.0.0",
+    "markdown-to-jsx": "^7.4.7",
     "mousetrap-react": "^0.0.3",
     "next": "14.2.3",
+    "next-runtime-env": "^3.2.1",
     "oidc-client-ts": "^3.0.1",
     "postcss": "8.4.38",
     "primeicons": "^6.0.1",
     "primereact": "^10.5.1",
     "quill": "^2.0.1",
     "react": "18.3.1",
+    "react-cookie-consent": "^9.0.0",
     "react-dom": "18.3.1",
     "react-flip-move": "^3.0.5",
+    "react-github-button": "^0.1.11",
     "react-hook-form": "^7.51.3",
     "react-markdown": "^9.0.1",
+    "react-responsive": "^10.0.0",
     "remark-gfm": "^4.0.0",
     "tailwindcss": "^3.4.3",
     "typesafe-i18n": "^5.26.2",
     "typescript": "5.4.5",
-    "@react-pdf/renderer": "^3.4.4",
-    "markdown-to-jsx": "^7.4.7",
-    "react-cookie-consent": "^9.0.0",
-    "next-runtime-env": "^3.2.1",
-    "react-responsive": "^10.0.0",
     "yaml": "^2.4.2"
   },
   "devDependencies": {
+    "@tailwindcss/typography": "^0.5.13",
     "@types/node": "20.12.8",
     "concurrently": "^8.2.2",
     "elysia": "^1.0.16",
-    "bun-types": "latest",
     "nodemon": "^3.1.0",
     "sass": "^1.76.0"
   }
diff --git a/chase/frontend/tailwind.config.js b/chase/frontend/tailwind.config.js
index 170e0205..be93329e 100644
--- a/chase/frontend/tailwind.config.js
+++ b/chase/frontend/tailwind.config.js
@@ -99,6 +99,7 @@ module.exports = {
         "group-hover",
       ]);
     }),
+    require("@tailwindcss/typography"),
   ],
   variants: {
     extend: {