added initial components and routing

.env

@@ -0,0 +1,2 @@
+REACT_APP_PLEBBIT_REACT_HOOKS_MOCK_CONTENT=1
+REACT_APP_PLEBBIT_REACT_HOOKS_MOCK_CONTENT_LOADING_TIME=1000

package.json

@@ -3,12 +3,16 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
+    "@plebbit/plebbit-react-hooks": "https://github.com/plebbit/plebbit-react-hooks",
     "@testing-library/jest-dom": "^5.14.1",
     "@testing-library/react": "^13.0.0",
     "@testing-library/user-event": "^13.2.1",
+    "babel-plugin-styled-components": "^2.0.7",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "react-router-dom": "^6.8.0",
     "react-scripts": "5.0.1",
+    "styled-components": "^5.3.6",
     "web-vitals": "^2.1.0"
   },
   "scripts": {
@@ -34,5 +38,11 @@
       "last 1 firefox version",
       "last 1 safari version"
     ]
+  },
+  "devDependencies": {
+    "typescript": "^4.9.5"
+  },
+  "resolutions": {
+    "styled-components": "^5"
   }
 }

src/App.js

@@ -1,5 +1,15 @@
+import React from 'react';
+import { Route, Routes } from 'react-router-dom';
+import Home from './components/Home';
+import Board from './components/Board';
+import Thread from './components/Thread';
+
 function App() {
-  return null;
+  return <Routes>
+    <Route path='/' element={<Home />} />
+    <Route path='/board' element={<Board />} />
+    <Route path='/board/:thread' element={<Thread />} />
+  </Routes>
 }
 
 export default App;

src/components/Board.js

@@ -0,0 +1,13 @@
+import React from "react";
+
+class Board extends React.Component {
+  render() {
+    return (
+      <div>
+        <h1>Board</h1>
+      </div>
+    );
+  }
+}
+
+export default Board;

src/components/Home.js

@@ -0,0 +1,13 @@
+import React from 'react';
+
+class Home extends React.Component {
+  render() {
+    return (
+      <div className='container'>
+        <h1>plebchan</h1>
+      </div>
+    );
+  }
+}
+
+export default Home;

src/components/Thread.js

@@ -0,0 +1,13 @@
+import React from "react";
+
+class Thread extends React.Component {
+  render() {
+    return (
+      <div>
+        <h1>Thread</h1>
+      </div>
+    );
+  }
+}
+
+export default Thread;

src/index.js

@@ -1,5 +1,13 @@
 import React from 'react';
-import ReactDOM from 'react-dom';
+import ReactDOM from 'react-dom/client';
 import App from './App';
+import { BrowserRouter } from 'react-router-dom';
 
-ReactDOM.render(<App />, document.getElementById('root'));
+const root = ReactDOM.createRoot(document.getElementById('root'));
+root.render(
+  <React.StrictMode>
+    <BrowserRouter>
+      <App />
+    </BrowserRouter>
+  </React.StrictMode>
+);