diff --git a/Webserver/src/routes/image/+page.svelte b/Webserver/src/routes/image/+page.svelte
new file mode 100644
index 0000000..29095a0
--- /dev/null
+++ b/Webserver/src/routes/image/+page.svelte
@@ -0,0 +1,28 @@
+<script lang="ts">
+	import type { APIResponse } from '$lib/interfaces';
+
+	interface UploadData {
+		start: number;
+		elapsed: string;
+		interval: NodeJS.Timeout;
+	}
+
+	let imageURL: string, uploadData: UploadData;
+
+	async function loadImage(url: string) {}
+
+	function uploadImage(event: Event) {}
+</script>
+
+<input type="file" name="image" accept="image/*" on:change={uploadImage} />
+{#if imageURL}
+	<img src={imageURL} alt="User uploaded" />
+	{#await loadImage(imageURL)}
+		<p>Loading image . . .</p>
+		<p>{uploadData.elapsed} seconds elapsed.</p>
+	{:then imageData}
+		<p>Done!</p>
+		<p>{uploadData.elapsed} seconds elapsed.</p>
+		{clearInterval(uploadData.interval)}
+	{/await}
+{/if}