diff --git a/src/app/publication/create/page.tsx b/src/app/publication/create/page.tsx
new file mode 100644
index 0000000..9814c17
--- /dev/null
+++ b/src/app/publication/create/page.tsx
@@ -0,0 +1,5 @@
+import PubForm from "app/ui/forms/pub";
+
+export default function Page() {
+	return <PubForm />
+}
diff --git a/src/app/ui/forms/genreCheckboxes.tsx b/src/app/ui/forms/genreCheckboxes.tsx
index 4732f65..551afb9 100644
--- a/src/app/ui/forms/genreCheckboxes.tsx
+++ b/src/app/ui/forms/genreCheckboxes.tsx
@@ -4,8 +4,7 @@ import { letterCase } from "app/lib/functions"
 export default async function GenreCheckboxes() {
 	async function getGenres() {
 		"use server"
-		const genres = await prisma.genre.findMany()
-		return genres
+		return prisma.genre.findMany()
 	}
 	const genres = await getGenres()
 	const genreCheckboxes = genres.map(e => {
diff --git a/src/app/ui/forms/pub.tsx b/src/app/ui/forms/pub.tsx
new file mode 100644
index 0000000..9643b33
--- /dev/null
+++ b/src/app/ui/forms/pub.tsx
@@ -0,0 +1,11 @@
+export default async function PubForm() {
+	return <form>
+		<label htmlFor="title">Title:</label>
+		<input type="text" id="title" />
+		<label htmlFor="link">Link:</label>
+		<input type="text" id="link" />
+		<label htmlFor="number" id="query-after" >Query after (days):</label>
+		<input type="number" step="30" />
+		<input type="submit" value="Submit" />
+	</form>
+}
diff --git a/src/app/ui/forms/pubsDropdown.tsx b/src/app/ui/forms/pubsDropdown.tsx
new file mode 100644
index 0000000..c5c8178
--- /dev/null
+++ b/src/app/ui/forms/pubsDropdown.tsx
@@ -0,0 +1,15 @@
+import prisma from "app/lib/db"
+
+export default async function PubsDropdown() {
+	async function getPubs() {
+		"use server"
+		return prisma.pub.findMany()
+	}
+	const pubs = await getPubs()
+	const pubsDropdown = pubs.map(e => {
+		return <option value={e.id} key={e.title}>{e.title}</option>
+	})
+	return <select key="pubsDropdown">
+		{pubsDropdown}
+	</select>
+}
diff --git a/src/app/ui/forms/story.tsx b/src/app/ui/forms/story.tsx
index 8e2ce31..a41052c 100644
--- a/src/app/ui/forms/story.tsx
+++ b/src/app/ui/forms/story.tsx
@@ -4,7 +4,7 @@ export default async function StoryForm() {
 		<label htmlFor="title">Title:</label>
 		<input type="text" id="title" />
 		<label htmlFor="word-count">Word Count:</label>
-		<input type="text" id="word-count" />
+		<input type="number" id="word-count" step="500" />
 		<GenreCheckboxes />
 		<input type="submit" value="Submit" />
 	</form>
diff --git a/src/app/ui/forms/storyDropdown.tsx b/src/app/ui/forms/storyDropdown.tsx
new file mode 100644
index 0000000..8f79f6a
--- /dev/null
+++ b/src/app/ui/forms/storyDropdown.tsx
@@ -0,0 +1,15 @@
+import prisma from "app/lib/db"
+
+export default async function StoryDropdown() {
+	async function getStories() {
+		"use server"
+		return prisma.story.findMany()
+	}
+	const stories = await getStories()
+	const storiesDrowpdown = stories.map(e => {
+		return <option value={e.id} key={`${e.title}`}>{e.title}</option>
+	})
+	return <select key="storyDropdown">
+		{storiesDrowpdown}
+	</select>
+}
diff --git a/src/app/ui/forms/sub.tsx b/src/app/ui/forms/sub.tsx
new file mode 100644
index 0000000..a9d4227
--- /dev/null
+++ b/src/app/ui/forms/sub.tsx
@@ -0,0 +1,9 @@
+import PubsDropdown from "./pubsDropdown";
+import StoryDropdown from "./storyDropdown";
+
+export default async function SubmissionForm() {
+	return <form>
+		<StoryDropdown />
+		<PubsDropdown />
+	</form>
+}