diff --git a/src/routes/event/[eventId]/+page.svelte b/src/routes/event/[eventId]/+page.svelte
new file mode 100644
index 0000000..6a0403c
--- /dev/null
+++ b/src/routes/event/[eventId]/+page.svelte
@@ -0,0 +1,40 @@
+<script lang="ts">
+	import { onMount, onDestroy } from 'svelte';
+	import type { PageProps } from './$types';
+	let { params }: PageProps = $props();
+
+	let eventId = params.eventId;
+
+	let eventEndpoint: EventSource;
+
+	async function getEventData() {
+		let response = await fetch('/api/registeredEvents', {
+			method: 'POST',
+			body: JSON.stringify({
+				eventId: eventId
+			}),
+			headers: {
+				'Content-type': 'application/json; charset=UTF-8'
+			}
+		});
+		return response.json();
+	}
+
+	let eventDataPromise = getEventData();
+
+	onMount(() => {
+		eventEndpoint = new EventSource('/api/registeredEvents');
+
+		// eventEndpoint.onmessage = (e) => {
+		// 	const eventData = JSON.parse(e.data);
+		// 	console.log(eventData);
+		// };
+	});
+</script>
+
+{#await eventDataPromise}
+	<div>loading</div>
+{:then eventData}
+	{@const event = eventData[0]}
+	<div>{console.log(event)} {event.name}</div>
+{/await}