diff --git a/package.json b/package.json
index ec97f00..9a04b62 100644
--- a/package.json
+++ b/package.json
@@ -1,5 +1,5 @@
 {
-	"name": "opencard",
+	"name": "educards",
 	"private": true,
 	"version": "0.0.1",
 	"type": "module",
diff --git a/src/lib/components/Board.svelte b/src/lib/components/Board.svelte
index dd81375..b2a5665 100644
--- a/src/lib/components/Board.svelte
+++ b/src/lib/components/Board.svelte
@@ -59,11 +59,15 @@
 		const updatedColumnItems = column.items.filter((e) => e.id !== itemId);
 		publishCards({ ...column, items: updatedColumnItems });
 	}
+
+	function userAndBoardMatch(user, board) {
+		return user !== undefined && board && user?.pubkey === board?.pubkey;
+	}
 </script>
 
 <div class="flex flex-row items-center justify-between">
 	<h1 class="ml-5 text-lg">{eventTitle($currentBoard)}</h1>
-	{#if $user && $user.pubkey === $currentBoard.pubkey}
+	{#if userAndBoardMatch($user, $currentBoard)}
 		<button class="btn mr-5" on:click={openColumnModal}>Add column</button>
 	{/if}
 </div>
@@ -75,40 +79,46 @@
 >
 	{#each items as column (column.id)}
 		<div class="column" animate:flip={{ duration: flipDurationMs }}>
-			<div class="flex">
-				<div class="column-title">{column.dTag}</div>
-				{#if $user && $user.pubkey === $currentBoard.pubkey}
-					<button class="btn btn-error ml-auto mr-0" on:click={() => deleteColumn(column.id)}
-						>🗑️</button
+			{#if column !== undefined}
+				<div class="flex">
+					<div class="column-title">{column.dTag}</div>
+					{#if userAndBoardMatch($user, $currentBoard)}
+						<button class="btn btn-error ml-auto mr-0" on:click={() => deleteColumn(column.id)}
+							>🗑️</button
+						>
+					{/if}
+				</div>
+				<div class="flex">
+					{#if userAndBoardMatch($user, $currentBoard)}
+						<button
+							class="btn mx-auto"
+							on:click={() => {
+								// set selected columns
+								$selectedColumn = column.dTag;
+								openCardModal();
+							}}>Add Card</button
+						>
+					{/if}
+				</div>
+
+				{#if column.items.every((e) => e !== undefined)}
+					<div
+						class="column-content"
+						use:dndzone={{ items: column.items, flipDurationMs }}
+						on:consider={(e) => handleDndConsiderCards(column.id, e)}
+						on:finalize={(e) => handleDndFinalizeCards(column.id, e)}
 					>
-				{/if}
-			</div>
-			<div class="flex">
-				{#if $user && $user.pubkey === $currentBoard.pubkey}
-					<button
-						class="btn mx-auto"
-						on:click={() => {
-							// set selected columns
-							$selectedColumn = column.dTag;
-							openCardModal();
-						}}>Add Card</button
-					>
-				{/if}
-			</div>
-			<div
-				class="column-content"
-				use:dndzone={{ items: column.items, flipDurationMs }}
-				on:consider={(e) => handleDndConsiderCards(column.id, e)}
-				on:finalize={(e) => handleDndFinalizeCards(column.id, e)}
-			>
-				{#each column.items as item (item.id)}
-					<div class="card" animate:flip={{ duration: flipDurationMs }}>
-						{item.content}
-						{item.dTag}
-						<button on:click={() => deleteCard(column, item.id)}>Delete</button>
+						<!-- {@debug column} -->
+						{#each column.items as item (item?.id ?? item)}
+							<div class="card" animate:flip={{ duration: flipDurationMs }}>
+								{item.content}
+								{item.dTag}
+								<button on:click={() => deleteCard(column, item.id)}>Delete</button>
+							</div>
+						{/each}
 					</div>
-				{/each}
-			</div>
+				{/if}
+			{/if}
 		</div>
 	{/each}
 </section>
diff --git a/src/lib/ndk.js b/src/lib/ndk.js
index e3113de..cdd796e 100644
--- a/src/lib/ndk.js
+++ b/src/lib/ndk.js
@@ -15,10 +15,11 @@ export async function login(method) {
 	const ndk = get(db).ndk;
 	ndk.signer = nip07signer;
 
+	let user = {};
 	switch (method) {
 		case 'browser-extension': {
 			console.log('login with extension');
-			const user = await nip07signer.user();
+			user = await nip07signer.user();
 			userStore.set(user);
 			console.log('user', user);
 			db.update((db) => {
@@ -103,8 +104,12 @@ async function eventTagToColumn(eventTag) {
 	return { id: d, title, items, event };
 }
 
+/**
+ * @param {NDKEvent} event
+ */
 export function eventTitle(event) {
-	const title = event.tags.find((e) => e[0] === 'title')[1];
+	if (event === undefined) return '';
+	const title = event.tags.find((e) => e[0] === 'title')[1] ?? '';
 	return title;
 }