diff --git a/front/src/components/AnnouncementBanner.svelte b/front/src/components/AnnouncementBanner.svelte
index 6b49beb..d44255f 100644
--- a/front/src/components/AnnouncementBanner.svelte
+++ b/front/src/components/AnnouncementBanner.svelte
@@ -1,5 +1,5 @@
 <script>
-    import { getAnnouncements } from '%/lib/test-api.js';
+    import { getAnnouncements } from '%/lib/test-api.ts';
 
     let announcement = getAnnouncements();
 </script>
diff --git a/front/src/lib/test-api.js b/front/src/lib/test-api.ts
similarity index 77%
rename from front/src/lib/test-api.js
rename to front/src/lib/test-api.ts
index 16a61db..503efd6 100644
--- a/front/src/lib/test-api.js
+++ b/front/src/lib/test-api.ts
@@ -1,16 +1,19 @@
 import Items from '%/lib/test-data.js';
 
 
-let cache = {};
+let cache = {
+    announcement_banner: null,
+    popular_today: null,
+};
 
 
-async function fakeDelay(timeout = 1000) {
+async function fakeDelay(timeout: number = 1000) {
     await new Promise(resolve => setTimeout(resolve, timeout));
 }
 
 
 export async function getAnnouncements() {
-    if (cache.announcement_banner !== undefined) {
+    if (cache.announcement_banner) {
         return cache.announcement_banner;
     }
 
@@ -24,7 +27,7 @@ export async function getAnnouncements() {
 
 
 export async function getPopularToday() {
-    if (cache.popular_today !== undefined) {
+    if (cache.popular_today) {
         return cache.popular_today;
     }
 
@@ -55,26 +58,7 @@ export async function getMenuItems() {
 }
 
 
-export async function getItemByUUID(uuid) {
-    let data;
-
-    Items.forEach((item) => {
-        if (item.uuid === uuid) {
-            data = item;
-        }
-    });
-
-    await fakeDelay(200)
-
-    if (!data) {
-        throw new Error("Resource could not be found");
-    }
-
-    return data;
-}
-
-
-export async function getItemsByUUID(items) {
+export async function getItemsByUUID(items: string[]) {
     let data = [];
 
     Items.forEach((itemInDatabase) => {
@@ -95,7 +79,18 @@ export async function getItemsByUUID(items) {
 }
 
 
-export async function postContactEmail(name, email, message) {
+export async function getItemByUUID(uuid: string) {
+    let data = await getItemsByUUID([uuid]);
+
+    if (data.length != 1) {
+        throw new Error("Resource could not be found");
+    }
+
+    return data[0];
+}
+
+
+export async function postContactEmail(name: string, email: string, message: string) {
     await fakeDelay(200)
 
     if (!name) {
diff --git a/front/src/pages/PageCart.svelte b/front/src/pages/PageCart.svelte
index b3001e1..0e9b54c 100644
--- a/front/src/pages/PageCart.svelte
+++ b/front/src/pages/PageCart.svelte
@@ -1,7 +1,7 @@
 <script>
     import { link } from 'svelte-spa-router';
 
-    import { getItemsByUUID } from "%/lib/test-api.js";
+    import { getItemsByUUID } from "%/lib/test-api.ts";
     import LoadingBar from "%/components/LoadingBar.svelte";
     import Cart from '%/lib/cart.ts';
     import MenuList from "%/components/MenuList.svelte";
diff --git a/front/src/pages/PageContact.svelte b/front/src/pages/PageContact.svelte
index 2263884..422e82c 100644
--- a/front/src/pages/PageContact.svelte
+++ b/front/src/pages/PageContact.svelte
@@ -2,7 +2,7 @@
     import { PaperPlaneRight, SealWarning, SealCheck } from "phosphor-svelte";
 
     import DropDown from "%/components/DropDown.svelte";
-    import { postContactEmail } from "%/lib/test-api.js";
+    import { postContactEmail } from "%/lib/test-api.ts";
     import { expandOnTyping } from "%/lib/utils.js";
 
     const minMessageLength = 150;
diff --git a/front/src/pages/PageIndex.svelte b/front/src/pages/PageIndex.svelte
index fd855de..15de23e 100644
--- a/front/src/pages/PageIndex.svelte
+++ b/front/src/pages/PageIndex.svelte
@@ -4,7 +4,7 @@
     import { ArrowUpRight } from "phosphor-svelte";
     import L from 'leaflet';
 
-    import { getPopularToday } from "%/lib/test-api.js";
+    import { getPopularToday } from "%/lib/test-api.ts";
     import LoadingBar from "%/components/LoadingBar.svelte";
     import AnnouncementBanner from "%/components/AnnouncementBanner.svelte";
     import MenuList from "%/components/MenuList.svelte";
diff --git a/front/src/pages/PageItem.svelte b/front/src/pages/PageItem.svelte
index 759a6ef..6122207 100644
--- a/front/src/pages/PageItem.svelte
+++ b/front/src/pages/PageItem.svelte
@@ -2,7 +2,7 @@
     import { SmileySad } from "phosphor-svelte";
 
     import Cart from "%/lib/cart.ts";
-    import { getPopularToday, getItemByUUID } from "%/lib/test-api.js";
+    import { getPopularToday, getItemByUUID } from "%/lib/test-api.ts";
     import MenuList from "%/components/MenuList.svelte";
     import LoadingBar from "%/components/LoadingBar.svelte";
     import LoadingImage from "/MenuItemLoading.svg";
diff --git a/front/src/pages/PageMenu.svelte b/front/src/pages/PageMenu.svelte
index 5598a04..24ec838 100644
--- a/front/src/pages/PageMenu.svelte
+++ b/front/src/pages/PageMenu.svelte
@@ -4,7 +4,7 @@
     import LoadingBar from "%/components/LoadingBar.svelte";
     import MenuList from "%/components/MenuList.svelte";
     import DropDown from "%/components/DropDown.svelte";
-    import { getMenuItems } from "%/lib/test-api.js";
+    import { getMenuItems } from "%/lib/test-api.ts";
 
     let items = getMenuItems();