diff --git a/src/routes/tasks/+page.server.ts b/src/routes/tasks/+page.server.ts
new file mode 100644
index 0000000..75873a2
--- /dev/null
+++ b/src/routes/tasks/+page.server.ts
@@ -0,0 +1,10 @@
+import TasksService from "$lib/server/services/tasks";
+import type { PageServerLoad } from "./$types";
+
+export const load: PageServerLoad = async () => {
+  const tasks = new TasksService("internal");
+  return {
+    tasks: await tasks.getAll(),
+    test: "string",
+  };
+};
diff --git a/src/routes/tasks/+page.svelte b/src/routes/tasks/+page.svelte
new file mode 100644
index 0000000..d6c144e
--- /dev/null
+++ b/src/routes/tasks/+page.svelte
@@ -0,0 +1,32 @@
+<script lang="ts">
+	import type { PageProps } from "./$types";
+
+	let { data }: PageProps = $props();
+</script>
+
+{#if data.tasks}
+	<p>{data.tasks.length} total records.</p>
+	<table>
+		<thead>
+			<tr>
+				<td><strong>Id</strong></td>
+				<td><strong>Description</strong></td>
+				<td><strong>Status</strong></td>
+			</tr>
+		</thead>
+		<tbody>
+			{#each data.tasks as task (task.id)}
+				<tr>
+					<td
+						>{task.type?.prefix +
+							task.taskId}</td
+					>
+					<td>{task.description}</td>
+					<td>{task.status}</td>
+				</tr>
+			{/each}
+		</tbody>
+	</table>
+{:else}
+	<p>There was an error accessing the database.</p>
+{/if}