diff --git a/src/Bootstrap.tsx b/src/Bootstrap.tsx
index d4b4a10..8fbfa39 100644
--- a/src/Bootstrap.tsx
+++ b/src/Bootstrap.tsx
@@ -2,12 +2,14 @@ import React from 'react'
import { Routes, Route } from 'react-router-dom'
import { Home } from './pages/Home/'
+import { PublicRoom } from './pages/PublicRoom/'
function Bootstrap() {
return (
} />
+ } />
)
diff --git a/src/components/Room/Room.tsx b/src/components/Room/Room.tsx
new file mode 100644
index 0000000..a548587
--- /dev/null
+++ b/src/components/Room/Room.tsx
@@ -0,0 +1,9 @@
+import { useParams } from 'react-router-dom'
+
+export function Room() {
+ const params = useParams()
+
+ const { roomId } = params
+
+ return <>Room ID: {roomId}>
+}
diff --git a/src/components/Room/index.ts b/src/components/Room/index.ts
new file mode 100644
index 0000000..ac50721
--- /dev/null
+++ b/src/components/Room/index.ts
@@ -0,0 +1 @@
+export * from './Room'
diff --git a/src/pages/Home/Home.tsx b/src/pages/Home/Home.tsx
index 47ae295..efc1a69 100644
--- a/src/pages/Home/Home.tsx
+++ b/src/pages/Home/Home.tsx
@@ -11,6 +11,9 @@ export function Home() {
for maximum security. All communication between you and your online
peers is encrypted and ephemeral.
+
+ chitchatter is still a work in progress and not yet ready to be used!
+
)
diff --git a/src/pages/PublicRoom/PublicRoom.tsx b/src/pages/PublicRoom/PublicRoom.tsx
new file mode 100644
index 0000000..5044cdf
--- /dev/null
+++ b/src/pages/PublicRoom/PublicRoom.tsx
@@ -0,0 +1,5 @@
+import { Room } from '../../components/Room'
+
+export function PublicRoom() {
+ return
+}
diff --git a/src/pages/PublicRoom/index.ts b/src/pages/PublicRoom/index.ts
new file mode 100644
index 0000000..03daab3
--- /dev/null
+++ b/src/pages/PublicRoom/index.ts
@@ -0,0 +1 @@
+export * from './PublicRoom'