Skip to content

Commit 9aedefa

Browse files
committed
ui/ux folder structure fix
1 parent 595ff51 commit 9aedefa

12 files changed

Lines changed: 151 additions & 67 deletions

File tree

Client/index.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<!doctype html>
1+
<!DOCTYPE html>
22
<html lang="en">
33
<head>
44
<meta charset="UTF-8" />
@@ -8,6 +8,6 @@
88
</head>
99
<body>
1010
<div id="root"></div>
11-
<script type="module" src="/src/main.tsx"></script>
11+
<script type="module" src="./src/app/main.tsx"></script>
1212
</body>
1313
</html>

Client/package-lock.json

Lines changed: 80 additions & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

Client/package.json

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -17,8 +17,10 @@
1717
"lucide-react": "^0.547.0",
1818
"react": "^19.1.1",
1919
"react-dom": "^19.1.1",
20+
"react-router-dom": "^7.9.4",
2021
"tailwind-merge": "^3.3.1",
21-
"tailwindcss": "^4.1.16"
22+
"tailwindcss": "^4.1.16",
23+
"zustand": "^5.0.8"
2224
},
2325
"devDependencies": {
2426
"@eslint/js": "^9.36.0",

Client/src/App.css

Lines changed: 0 additions & 42 deletions
This file was deleted.

Client/src/App.tsx

Lines changed: 0 additions & 11 deletions
This file was deleted.

Client/src/app/main.tsx

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
import { StrictMode } from "react";
2+
import { createRoot } from "react-dom/client";
3+
import "../Theme/index.css";
4+
import router from "./router";
5+
import { RouterProvider } from "react-router-dom";
6+
7+
createRoot(document.getElementById("root")!).render(
8+
<StrictMode>
9+
<RouterProvider router={router} />
10+
</StrictMode>
11+
);

Client/src/app/router.tsx

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
import { createBrowserRouter } from "react-router-dom";
2+
3+
import AppLayout from "../components/Layout/AppLayout";
4+
5+
const router = createBrowserRouter([
6+
{
7+
path: "/",
8+
element: <AppLayout />,
9+
},
10+
{
11+
path: "/login",
12+
},
13+
{
14+
path: "*",
15+
},
16+
]);
17+
18+
export default router;
Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
import { Outlet } from "react-router-dom";
2+
import Navbar from "./Navbar";
3+
4+
const AppLayout = () => {
5+
return (
6+
<div className="flex min-h-screen bg-background text-foreground">
7+
<h1>sidebar</h1>
8+
<div className="flex-1 flex flex-col">
9+
<Navbar />
10+
<main className="flex 1 p-4">
11+
<Outlet />
12+
</main>
13+
</div>
14+
</div>
15+
);
16+
};
17+
18+
export default AppLayout;
Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
const Navbar = () => {
2+
return (
3+
<nav className="flex flex-row p-3 justify-between h-24">
4+
<div>logo</div>
5+
<div>button</div>
6+
</nav>
7+
);
8+
};
9+
10+
export default Navbar;

0 commit comments

Comments
 (0)