diff --git a/prisma/dev.db b/prisma/dev.db
index 561bcac..84f9b01 100644
Binary files a/prisma/dev.db and b/prisma/dev.db differ
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/submission/create/page.tsx b/src/app/submission/create/page.tsx
new file mode 100644
index 0000000..ef0b37f
--- /dev/null
+++ b/src/app/submission/create/page.tsx
@@ -0,0 +1,5 @@
+import SubmissionForm from "app/ui/forms/sub";
+
+export default function Page() {
+	return <SubmissionForm />
+}
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..eb21f74
--- /dev/null
+++ b/src/app/ui/forms/pubsDropdown.tsx
@@ -0,0 +1,20 @@
+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 (<>
+		<label htmlFor="pubdDropdown">Publication:</label>
+		<select key="pubsDropdown" id="pubsDropdown">
+			{pubsDropdown}
+		</select>
+	</>
+	)
+
+}
diff --git a/src/app/ui/forms/responseDropdown.tsx b/src/app/ui/forms/responseDropdown.tsx
new file mode 100644
index 0000000..368bc03
--- /dev/null
+++ b/src/app/ui/forms/responseDropdown.tsx
@@ -0,0 +1,22 @@
+import prisma from "app/lib/db"
+
+export default async function ResponseDropdown() {
+	async function getResponses() {
+		"use server"
+		return prisma.response.findMany()
+	}
+	const responses = await getResponses()
+	const responsesDropdown = responses.map(e => {
+		return <option value={e.id} key={e.response}>{e.response}</option>
+	})
+	return (
+		<>
+			<label htmlFor="responsesDropdown">
+				Status:
+			</label>
+			<select key="responsesDropdown" id="responsesDropdown">
+				{responsesDropdown}
+			</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..9fa05af
--- /dev/null
+++ b/src/app/ui/forms/storyDropdown.tsx
@@ -0,0 +1,20 @@
+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 (
+		<>
+			<label htmlFor="storyDropdown">Story:</label>
+			<select key="storyDropdown" id="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..518691f
--- /dev/null
+++ b/src/app/ui/forms/sub.tsx
@@ -0,0 +1,15 @@
+import PubsDropdown from "./pubsDropdown";
+import ResponseDropdown from "./responseDropdown";
+import StoryDropdown from "./storyDropdown";
+
+export default async function SubmissionForm() {
+	return <form>
+		<StoryDropdown />
+		<PubsDropdown />
+		<label htmlFor="submitted">Submitted:</label>
+		<input type="date" id="submitted" name="submitted" />
+		<label htmlFor="responded">Responded:</label>
+		<input type="date" id="responded" name="responded" />
+		<ResponseDropdown />
+	</form>
+}