initial

src/App.jsx

@@ -0,0 +1,83 @@
+import { BrowserRouter, Routes, Route, Navigate } from 'react-router-dom';
+import { createTheme, ThemeProvider, CssBaseline } from '@mui/material';
+import { AuthProvider } from './context/AuthContext';
+import PrivateRoute from './components/PrivateRoute';
+import Layout from './components/Layout';
+import LoginPage from './pages/LoginPage';
+import RegisterPage from './pages/RegisterPage';
+import UsersPage from './pages/UsersPage';
+import PostsPage from './pages/PostsPage';
+import PushPage from './pages/PushPage';
+
+const theme = createTheme({
+  palette: {
+    mode: 'light',
+    primary: { main: '#1976d2' },
+    background: { default: '#f5f5f5' },
+  },
+  shape: { borderRadius: 8 },
+  typography: {
+    fontFamily: '"Inter", "Roboto", "Helvetica", "Arial", sans-serif',
+  },
+  components: {
+    MuiButton: {
+      styleOverrides: {
+        root: { textTransform: 'none', fontWeight: 500 },
+      },
+    },
+    MuiCard: {
+      styleOverrides: {
+        root: { boxShadow: '0 1px 3px rgba(0,0,0,0.08)', border: '1px solid #e0e0e0' },
+      },
+    },
+  },
+});
+
+export default function App() {
+  return (
+    <ThemeProvider theme={theme}>
+      <CssBaseline />
+      <AuthProvider>
+        <BrowserRouter>
+          <Routes>
+            <Route path="/login" element={<LoginPage />} />
+            <Route path="/register" element={<RegisterPage />} />
+            <Route
+              path="/"
+              element={
+                <PrivateRoute>
+                  <Layout />
+                </PrivateRoute>
+              }
+            >
+              <Route
+                path="users"
+                element={
+                  <PrivateRoute allowedRoles={["ADMIN"]}>
+                    <UsersPage />
+                  </PrivateRoute>
+                }
+              />
+              <Route
+                path="posts"
+                element={
+                  <PrivateRoute allowedRoles={["ADMIN", "MODERATOR"]}>
+                    <PostsPage />
+                  </PrivateRoute>
+                }
+              />
+              <Route
+                path="push"
+                element={
+                  <PrivateRoute allowedRoles={["ADMIN"]}>
+                    <PushPage />
+                  </PrivateRoute>
+                }
+              />
+            </Route>
+          </Routes>
+        </BrowserRouter>
+      </AuthProvider>
+    </ThemeProvider>
+  );
+}