diff --git a/index.html b/index.html index 831e9113d8a96e7c89c7bf391c3350d4f5054b8b..ba10976cd32775fa92b681815f6caf3eb04d6975 100644 --- a/index.html +++ b/index.html @@ -9,7 +9,9 @@ </head> <body> - <div id="root"></div> + <div id="root" + class="grid grid-cols-1 min-w-xs text-UhhGrey grid-rows-[auto_1fr_auto] min-h-full w-screen max-h-full sm:grid-rows-[auto_auto_auto_1fr]"> + </div> <script type="module" src="/src/main.jsx"></script> </body> diff --git a/src/App.jsx b/src/App.jsx index 080d1e8863593ca0284da41ce7cc0640225a6e5c..e5f437116d08a04c58d8257aa172c9addc51049d 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -1,9 +1,12 @@ +import { createBrowserRouter, RouterProvider } from 'react-router-dom'; +import { sitemap } from "./routes/Sitemap"; + + function App() { + let pages = createBrowserRouter(sitemap); return ( - <h1 className="text-3xl font-bold underline"> - Hello world! - </h1> + <RouterProvider router={pages} /> ); } diff --git a/src/pages/Home.jsx b/src/pages/Home.jsx new file mode 100644 index 0000000000000000000000000000000000000000..87e754dadcad50514fc91cc2a23430be7935bb7b --- /dev/null +++ b/src/pages/Home.jsx @@ -0,0 +1,22 @@ +import React from 'react'; + +function Home() { + // ################################# + // HOOKS + // ################################# + + // ################################# + // FUNCTIONS + // ################################# + + // ################################# + // OUTPUT + // ################################# + return ( + <h1 className="text-3xl font-bold underline"> + Hello world! + </h1> + ); +} + +export default React.memo(Home); \ No newline at end of file diff --git a/src/routes/Sitemap.jsx b/src/routes/Sitemap.jsx new file mode 100644 index 0000000000000000000000000000000000000000..6b6a087d103377665fa0c840d6674e111ecfc829 --- /dev/null +++ b/src/routes/Sitemap.jsx @@ -0,0 +1,8 @@ +import Home from "../pages/Home"; + +export const sitemap = [ + { + path: "/", + element: <Home />, + }, +]; \ No newline at end of file