diff --git a/packages/app/src/pages/textRoom/[id].jsx b/packages/app/src/pages/textRoom/[id].jsx
new file mode 100644
index 00000000..caf387e6
--- /dev/null
+++ b/packages/app/src/pages/textRoom/[id].jsx
@@ -0,0 +1,16 @@
+import React from "react"
+import { LiveChat } from "components"
+
+import "./index.less"
+
+export default (props) => {
+    const roomId = props.match.params.id
+
+    return <div className="textRoom">
+        Connecting to room {roomId}
+
+        <LiveChat
+            roomId={roomId}
+        />
+    </div>
+}
\ No newline at end of file
diff --git a/packages/app/src/pages/textRoom/index.less b/packages/app/src/pages/textRoom/index.less
new file mode 100644
index 00000000..e323c78f
--- /dev/null
+++ b/packages/app/src/pages/textRoom/index.less
@@ -0,0 +1,3 @@
+.textRoom {
+    height: 90vh;
+}
\ No newline at end of file