introducing react router

src/App.js

@@ -1,12 +1,36 @@
-import "./App.css";
+import "./assets/css/App.scss";
-// import Home from "./pages/Home.jsx";
+import Home from "./pages/Home.jsx";
-import Routes from "./routes.js";
+import Test from "./pages/Test.jsx";
+import Single from "./pages/Single.jsx";
+import SearchAndFind from "./screens/SearchAndFind.jsx";
+
+import { createBrowserRouter, RouterProvider } from "react-router-dom";
+
+const router = createBrowserRouter([
+	{
+		path: "/",
+		element: <Home />,
+	},
+	{
+		path: "/test",
+		element: <Test />,
+	},
+	{
+		path: "/play",
+		element: <SearchAndFind />,
+	},
+	{
+		path: "/article/:id",
+		element: <Single />,
+	},
+]);
+
 function App() {
 	return (
-		<div className='App'>
+		<>
-			<h1>salut</h1>
+			{/* <button onClick={changeLanguage}>Change language</button> */}
-			{/* <Routes /> */}
+			<RouterProvider router={router} />;
-		</div>
+		</>
 	);
 }