PRA#01_React-Andres-ComponentsFrontendDevelopment

frontend/pronunciationAppFront/package.json

@@ -13,7 +13,7 @@
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.0",
     "@fontsource/roboto": "^5.1.1",
-    "@mui/icons-material": "^6.4.0",
+    "@mui/icons-material": "^6.4.3",
     "@mui/material": "^6.4.0",
     "axios": "^1.7.9",
     "react": "^18.3.1",

frontend/pronunciationAppFront/src/App.jsx

@@ -1,26 +1,24 @@
 import { BrowserRouter, Route, Routes } from "react-router-dom";
-import About from './About';
-import './App.css';
-import Home from './Home.jsx';
-import Layout from './Layout';
-import NoPage from './NoPage';
-import Practice from './Practice';
-
+import About from "./pages/About.jsx";
+import "./styles/App.css";
+import Home from "./pages/Home.jsx";
+import Layout from "./layout/Layout.jsx";
+import NoPage from "./pages/NoPage.jsx";
+import Practice from "./pages/Practice.jsx";
+import MyProfile from "./pages/MyProfile.jsx";
 
 export default function App() {
-
-
   return (
     <BrowserRouter>
       <Routes>
         <Route path="/" element={<Layout />}>
           <Route index element={<Home />} />
           <Route path="practice" element={<Practice />} />
           <Route path="about" element={<About />} />
+          <Route path="myprofile" element={<MyProfile />} />
           <Route path="*" element={<NoPage />} />
         </Route>
       </Routes>
     </BrowserRouter>
-      );
-};
-
+  );
+}