diff --git a/README.md b/README.md
index cada8e4..3fc0f6c 100644
--- a/README.md
+++ b/README.md
@@ -13,6 +13,9 @@ The commit message MUST be a short summary of the problem being solved, usually
 ## Style Guide
 Avoid uneccessary whitespace changes. Whitespace changes make it difficult to see what code was really changed.
 
+## UX Library
+https://www.shadcn-svelte.com/docs
+
 ## Getting Paid
 If you want to get paid for working on this project, demonstrate your capability by solving some problems and adhering to the instructions in this readme. After you have 2-3 PR's merged, DM gsovereignty on nostr to have a conversation about paid work.
 
diff --git a/src/components/CreateNewRocket.svelte b/src/components/CreateNewRocket.svelte
new file mode 100644
index 0000000..f45e3e4
--- /dev/null
+++ b/src/components/CreateNewRocket.svelte
@@ -0,0 +1,68 @@
+<script lang="ts">
+	import { Button, buttonVariants } from '$lib/components/ui/button/index.js';
+	import * as Dialog from '$lib/components/ui/dialog/index.js';
+	import { Input } from '$lib/components/ui/input/index.js';
+	import { Label } from '$lib/components/ui/label/index.js';
+	import { ndk } from '@/ndk';
+	import Todo from './Todo.svelte';
+	import { currentUser } from '@/stores/session';
+	import { Terminal } from 'lucide-svelte';
+	import * as Alert from '@/components/ui/alert';
+	import type NDKSvelte from '@nostr-dev-kit/ndk-svelte';
+	import { NDKEvent } from '@nostr-dev-kit/ndk';
+	import { goto } from '$app/navigation';
+	import { base } from '$app/paths';
+	import { getRocketURL } from '@/helpers';
+
+    let name:string;
+
+	function publish(ndk: NDKSvelte, name: string) {
+		if (!ndk.signer) {
+			throw new Error('no ndk signer found');
+		}
+		let e = new NDKEvent(ndk);
+		let author = $currentUser;
+		if (!author) {
+			throw new Error('no current user');
+		}
+        e.author = author;
+        e.kind = 31108;
+        e.created_at = Math.floor(new Date().getTime() / 1000);
+        //todo validate d tag
+        e.tags.push(["d", name])
+        e.tags.push(["ruleset", "334000"])
+        e.publish().then((x)=>{
+            console.log(x)
+            goto(`${base}/rockets/${getRocketURL(e)}`)
+        })
+	}
+</script>
+
+<Dialog.Root>
+	<Dialog.Trigger class={buttonVariants({ variant: 'default' })}>Create a Rocket</Dialog.Trigger>
+	<Dialog.Content class="sm:max-w-[425px]">
+		<Dialog.Header>
+			<Dialog.Title>Name Your Rocket</Dialog.Title>
+			{#if !currentUser}
+				<Alert.Root>
+					<Terminal class="h-4 w-4" />
+					<Alert.Title>Heads up!</Alert.Title>
+					<Alert.Description
+						>You need a nostr signing extension to use Nostrocket!</Alert.Description
+					>
+				</Alert.Root>
+			{/if}
+			<Dialog.Description>Choose a name for your new Rocket and click Publish</Dialog.Description>
+		</Dialog.Header>
+		<div class="grid gap-4 py-4">
+			<div class="grid grid-cols-4 items-center gap-4">
+				<Label for="name" class="text-right">Name</Label>
+				<Input bind:value={name} id="name" placeholder="Name-of-your-rocket" class="col-span-3" />
+			</div>
+		</div>
+		<Todo text={['validate input is a valid d tag (NIP01)']} />
+		<Dialog.Footer>
+			<Button on:click={()=>{publish($ndk, name)}} type="submit">Publish</Button>
+		</Dialog.Footer>
+	</Dialog.Content>
+</Dialog.Root>
diff --git a/src/components/Login.svelte b/src/components/Login.svelte
new file mode 100644
index 0000000..3085d6c
--- /dev/null
+++ b/src/components/Login.svelte
@@ -0,0 +1,35 @@
+<script lang="ts">
+	import { ndk } from "$lib/ndk";
+	import { Button } from "@/components/ui/button";
+	import { NDKNip07Signer } from "@nostr-dev-kit/ndk";
+	import { onMount } from "svelte";
+
+    onMount(() => {
+        if (localStorage.getItem("signed-in")) {
+            nip07();
+        }
+    })
+
+    async function nip07() {
+        document.body.appendChild(document.createElement('script')).src = 'https://unpkg.com/window.nostr.js/dist/window.nostr.js';
+
+        try {
+            
+            const signer = new NDKNip07Signer();
+            const user = await signer.blockUntilReady();
+            
+            if (user) {
+                $ndk.signer = signer;
+                $ndk = $ndk
+                localStorage.setItem("signed-in", "true");
+            }
+        } catch (e) {
+            alert(e);
+        }
+    }
+</script>
+{#if !$ndk.signer}
+<Button on:click={nip07}>
+    <span class="hidden sm:block">Sign in</span>
+</Button>
+{/if}
\ No newline at end of file
diff --git a/src/components/RocketCard.svelte b/src/components/RocketCard.svelte
index ae384c2..b802540 100644
--- a/src/components/RocketCard.svelte
+++ b/src/components/RocketCard.svelte
@@ -3,30 +3,19 @@
 	import { base } from '$app/paths';
 	import { Button } from '$lib/components/ui/button/index.js';
 	import * as Card from '$lib/components/ui/card/index.js';
+	import { getMission, getRocketURL } from '@/helpers';
 	import type { NDKEvent } from '@nostr-dev-kit/ndk';
 	import { ChevronRight } from 'lucide-svelte';
 
 	export let rocketEvent: NDKEvent;
     //$page.url.searchParams.get("tab")
-    function getRocketURL(e:NDKEvent):string {
 
-        let ignitionID = undefined;
-        if (e.getMatchingTags('ignition') && e.getMatchingTags('ignition')[0] && e.getMatchingTags('ignition')[0][1]) {
-            ignitionID = e.getMatchingTags('ignition')[0][1]
-        }
-        if (!ignitionID) {
-            ignitionID = e.id
-        }
-        let d = e.getMatchingTags('d')[0][1]
-        let p = e.pubkey
-        return `${ignitionID}?d=${d}&p=${p}`
-    }
 </script>
 
 <Card.Root class="w-[350px]">
 	<Card.Header>
 		<Card.Title>{rocketEvent.getMatchingTags('d')[0][1]}</Card.Title>
-		<Card.Description>{rocketEvent.getMatchingTags('mission')[0][1]}</Card.Description>
+		<Card.Description>{getMission(rocketEvent)}</Card.Description>
 	</Card.Header>
 	<Card.Content></Card.Content>
 	<Card.Footer class="flex justify-between">
diff --git a/src/layouts/SidePanelLayout.svelte b/src/layouts/SidePanelLayout.svelte
index a961031..f856611 100644
--- a/src/layouts/SidePanelLayout.svelte
+++ b/src/layouts/SidePanelLayout.svelte
@@ -12,6 +12,7 @@
 	import NewMenu from '../components/Menu.svelte';
 	import RocketPillCard from '../components/RocketPillCard.svelte';
 	import { base } from '$app/paths';
+	import Login from '../components/Login.svelte';
 
 	export let title = '';
 </script>
@@ -86,6 +87,7 @@
 					</div>
 				</form>
 			</div>
+			<Login />
 			<DropdownMenu.Root>
 				<DropdownMenu.Trigger asChild let:builder>
 					<Button builders={[builder]} variant="secondary" size="icon" class="rounded-full">
diff --git a/src/lib/helpers.ts b/src/lib/helpers.ts
new file mode 100644
index 0000000..040f649
--- /dev/null
+++ b/src/lib/helpers.ts
@@ -0,0 +1,22 @@
+import type { NDKEvent } from "@nostr-dev-kit/ndk";
+
+export function getRocketURL(e:NDKEvent):string {
+
+    let ignitionID = undefined;
+    if (e.getMatchingTags('ignition') && e.getMatchingTags('ignition')[0] && e.getMatchingTags('ignition')[0][1]) {
+        ignitionID = e.getMatchingTags('ignition')[0][1]
+    }
+    if (!ignitionID) {
+        ignitionID = e.id
+    }
+    let d = e.getMatchingTags('d')[0][1]
+    let p = e.pubkey
+    return `${ignitionID}?d=${d}&p=${p}`
+}
+
+export function getMission(rocketEvent:NDKEvent):string {
+    if (rocketEvent.getMatchingTags('mission') && rocketEvent.getMatchingTags('mission')[0] && rocketEvent.getMatchingTags('mission')[0][1]) {
+        return rocketEvent.getMatchingTags('mission')[0][1]
+    }
+    return ""
+}
\ No newline at end of file
diff --git a/src/lib/ndk.ts b/src/lib/ndk.ts
index 7ad6b82..8df27c0 100644
--- a/src/lib/ndk.ts
+++ b/src/lib/ndk.ts
@@ -9,7 +9,7 @@ const _ndk = new NDKSvelte({
 		'wss://purplepag.es',
 		'wss://relay.nostr.band',
 		'wss://nos.lol',
-		'wss://relay.nostrocket.org'
+		//'wss://relay.nostrocket.org'
 	],
 	enableOutboxModel: false,
 	clientName: 'nostrocket'
diff --git a/src/lib/stores/session.ts b/src/lib/stores/session.ts
index 61c99b6..1096222 100644
--- a/src/lib/stores/session.ts
+++ b/src/lib/stores/session.ts
@@ -6,6 +6,7 @@ export const currentUser = writable<NDKUser | undefined>(undefined);
 
 export async function prepareUserSession(ndk: NDKSvelte, user: NDKUser): Promise<void> {
 	return new Promise((resolve) => {
+		
         //implement any session set up stuff here
 	});
 }
\ No newline at end of file
diff --git a/src/views/n00b/N00b.svelte b/src/views/n00b/N00b.svelte
index b458b8c..7264ce5 100644
--- a/src/views/n00b/N00b.svelte
+++ b/src/views/n00b/N00b.svelte
@@ -5,6 +5,7 @@
 	import * as Card from '$lib/components/ui/card/index.js';
 	import { Switch } from '$lib/components/ui/switch/index.js';
 	import { base } from '$app/paths';
+	import CreateNewRocket from '../../components/CreateNewRocket.svelte';
 
 	const notifications = [
 		{
@@ -93,7 +94,7 @@
 					</div>
 				</Card.Content>
 				<Card.Footer>
-					<Button class="w-full">Create a Rocket Now</Button>
+					<CreateNewRocket />
 				</Card.Footer>
 			</Card.Root>
 		</div>