Added basic routing for home and courses

package.json

@@ -24,6 +24,7 @@
   },
   "dependencies": {
     "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "react-dom": "^18.2.0",
+    "react-router-dom": "^6.3.0"
   }
 }

src/index.js

@@ -1,11 +1,14 @@
 // @ts-nocheck
 import React from "react";
 import ReactDOM from "react-dom/client";
+import { BrowserRouter } from 'react-router-dom';
 import "./css/index.css";
 import Main from "./main";
 let root = ReactDOM.createRoot(document.querySelector("#root"));
 root.render(
   <React.StrictMode>
-    <Main />
+    <BrowserRouter>  
+      <Main />
+    </BrowserRouter>  
   </React.StrictMode>
 );

src/main.js

@@ -1,9 +1,26 @@
 //@ts-nocheck
 import React from "react";
+import { Routes, Route, Link } from 'react-router-dom';
+
 export default function Main(props) {
   return (
     <>
       <p>gamed</p>
+      <ul>
+        <li>
+          <Link to="/html">HTML</Link>
+        </li>
+        <li>
+          <Link to="/css">CSS</Link>
+        </li>
+        <li>
+          <Link to="/javascript">Javascript</Link>
+        </li>
+      </ul>
+      <Routes>
+        <Route exact path="/" element={ <p>Home</p> } />
+        <Route path="/:course" element={ <p>Course</p> } />
+      </Routes>
     </>
   );
 }