diff --git a/frontend/src/routes/docs/index.svelte b/frontend/src/routes/docs/index.svelte
new file mode 100644
index 0000000..adab662
--- /dev/null
+++ b/frontend/src/routes/docs/index.svelte
@@ -0,0 +1,15 @@
+<article
+	class='prose prose-sm sm:prose lg:prose-lg xl:prose-xl mx-auto mt-10 prose-pink text-yellow-50 px-4'
+>
+	<h1>Welcome to the ClassQuiz docs!</h1>
+	<h2>Index</h2>
+	<ul>
+		<li>
+			<a href='/docs/roadmap'>Roadmap</a>
+		</li>
+		<li>
+			<a href='/docs/import-from-kahoot'>Import from Kahoot</a>
+		</li>
+	</ul>
+
+</article>
\ No newline at end of file
diff --git a/frontend/src/routes/docs/roadmap.svelte b/frontend/src/routes/docs/roadmap.svelte
new file mode 100644
index 0000000..e065999
--- /dev/null
+++ b/frontend/src/routes/docs/roadmap.svelte
@@ -0,0 +1,30 @@
+<article
+	class='prose prose-sm sm:prose lg:prose-lg xl:prose-xl mx-auto mt-10 prose-pink text-yellow-50 px-4'
+>
+	<h1>Roadmap</h1>
+
+	<ul>
+		<li>User-management
+			<ul>
+				<li>
+					Password-reset
+				</li>
+				<li>
+					Session-management
+				</li>
+			</ul>
+		</li>
+		<li>
+			Images
+		</li>
+		<li>
+			(Better) Admin-screen styling
+		</li>
+		<li>
+			(Better) Edit/Create-screen styling
+		</li>
+		<li>
+			Public quiz-discovery
+		</li>
+	</ul>
+</article>
\ No newline at end of file