creacion de rutas vacias para el router

src/App.jsx

@@ -1,15 +1,14 @@
 import { useState } from "react";
-import reactLogo from "./assets/react.svg";
 import "./App.css";
-import ExampleContainer from "./Components/ExampleComponent/ExampleContainer";
+
 import AppRouter from "./Router/AppRouter";
 
 function App() {
-  const [count, setCount] = useState(0);
-
-  return <div className="App">
-    <AppRouter />
-  </div>;
+  return (
+    <div className="App">
+      <AppRouter />
+    </div>
+  );
 }
 
 export default App;

src/Pages/Balance.jsx

@@ -0,0 +1,9 @@
+import React from 'react'
+
+function Balance() {
+  return (
+    <div>Balance</div>
+  )
+}
+
+export default Balance

src/Pages/CargaSaldo.jsx

@@ -0,0 +1,9 @@
+import React from 'react'
+
+function CargaSaldo() {
+  return (
+    <div>CargaSaldo</div>
+  )
+}
+
+export default CargaSaldo

src/Pages/EnvioDinero.jsx

@@ -0,0 +1,9 @@
+import React from 'react'
+
+function EnvioDinero() {
+  return (
+    <div>EnvioDinero</div>
+  )
+}
+
+export default EnvioDinero

src/Pages/Home.jsx

@@ -0,0 +1,7 @@
+import React from "react";
+
+function Home() {
+  return <div>Home</div>;
+}
+
+export default Home;

src/Pages/Login.jsx

@@ -0,0 +1,7 @@
+import React from "react";
+
+function Login() {
+  return <div>Login</div>;
+}
+
+export default Login;

src/Pages/Movimientos.jsx

@@ -0,0 +1,9 @@
+import React from 'react'
+
+function Movimientos() {
+  return (
+    <div>Movimientos</div>
+  )
+}
+
+export default Movimientos

src/Pages/Register.jsx

@@ -0,0 +1,9 @@
+import React from 'react'
+
+function Register() {
+  return (
+    <div>Register</div>
+  )
+}
+
+export default Register

src/Router/AppRouter.jsx

@@ -1,8 +1,28 @@
 import React from "react";
 import { BrowserRouter as Router, Routes, Route, Link } from "react-router-dom";
+import Login from "../Pages/Login";
+import Home from "../Pages/Home";
+import Register from "../Pages/Register";
+import CargaSaldo from "../Pages/CargaSaldo";
+import Movimientos from "../Pages/Movimientos";
+import Balance from "../Pages/Balance";
+import EnvioDinero from "../Pages/EnvioDinero";
+
 
 function AppRouter() {
-  return <div>AppRouter</div>;
+  return (
+    <Router>
+      <Routes>
+        <Route path="login" element={<Login />} />{" "}
+        <Route path="register" element={<Register />} />
+        <Route path="/" element={<Home />} />
+        <Route path="movimientos" element={<Movimientos />} />{" "}
+        <Route path="cargar-saldo" element={<CargaSaldo />} />
+        <Route path="/balance" element={<Balance />} />
+        <Route path="/enviar-dinero" element={<EnvioDinero />} />
+      </Routes>
+    </Router>
+  );
 }
 
 export default AppRouter;