diff --git a/ts/routes/reviewer-bottom/index.svelte b/ts/routes/reviewer-bottom/index.svelte
index e69de29bb..049eff39e 100644
--- a/ts/routes/reviewer-bottom/index.svelte
+++ b/ts/routes/reviewer-bottom/index.svelte
@@ -0,0 +1,3 @@
+<div>
+    Hello from svelte
+</div>
\ No newline at end of file
diff --git a/ts/routes/reviewer-bottom/index.ts b/ts/routes/reviewer-bottom/index.ts
index 0f495bcdd..e4bec417a 100644
--- a/ts/routes/reviewer-bottom/index.ts
+++ b/ts/routes/reviewer-bottom/index.ts
@@ -5,7 +5,9 @@
 @typescript-eslint/no-unused-vars: "off",
 */
 
+import { mount } from "svelte";
 import "./index.scss"
+import ReviewerBottom from "./index.svelte"
 
 let time: number; // set in python code
 let timerStopped = false;
@@ -64,3 +66,7 @@ function selectedAnswerButton(): string {
     return node.dataset.ease;
 }
 
+mount(
+    ReviewerBottom,
+    {target: document.body},
+)