Add routing

client/src/pages/Home/index.css

@@ -0,0 +1,3 @@
+.container {
+	text-align: left;
+}

client/src/pages/Home/index.tsx

@@ -0,0 +1,11 @@
+import './index.css';
+
+function Home() {
+  return (
+    <div className='container'>
+      <h1>Home</h1>
+    </div>
+  );
+}
+
+export default Home;

client/src/pages/Languages/index.css

@@ -0,0 +1,3 @@
+.container {
+	text-align: left;
+}

client/src/pages/Languages/index.tsx

@@ -0,0 +1,11 @@
+import './index.css';
+
+function Languages() {
+  return (
+    <div className='container'>
+      <h1>Languages</h1>
+    </div>
+  );
+}
+
+export default Languages;

client/src/pages/NotFound/index.css

@@ -0,0 +1,3 @@
+.container {
+	text-align: left;
+}

client/src/pages/NotFound/index.tsx

@@ -0,0 +1,11 @@
+import './index.css';
+
+function NotFound() {
+  return (
+    <div className='container'>
+      <h1>Not Found</h1>
+    </div>
+  );
+}
+
+export default NotFound;

client/src/pages/Typing/index.tsx

@@ -6,8 +6,10 @@ import Code from 'components/Code';
 import Stats from 'components/Stats';
 
 import './index.css';
+import { useParams } from 'react-router';
 
 function Typing() {
+  const {lang} = useParams();
   const [code, setCode] = useState<string>('');
   const [loaded, setLoaded] = useState<boolean>(false);
 
@@ -16,7 +18,7 @@ function Typing() {
       setCode('');
 
       const response = await fetch(
-        `${import.meta.env.VITE_API_URL}/generate?lang=lisp`,
+        `${import.meta.env.VITE_API_URL}/generate?lang=${lang}`,
       );
 
       if (!response.ok || !response.body) return;