sql1

client/src/App.js

@@ -0,0 +1,15 @@
+import React from 'react'
+import {BrowserRouter } from 'react-router-dom'
+import appRouter from './components/appRouter'
+
+const App = () => {
+  return (
+    <BrowserRouter>
+      <appRouter/>
+      <p>host started</p>
+    </BrowserRouter>
+    
+  )
+}
+
+export default App

client/src/components/appRouter.js

@@ -0,0 +1,22 @@
+import React from 'react'
+import { Switch, Route, Redirect, Routes} from 'react-router-dom'
+import { authRoutes, publicRoutes } from '../routes'
+
+const appRouter = () => {
+  const authP = true;
+  return (
+    <Switch>
+      {/* для авторизованных пользователей */}
+      {authP && authRoutes.map(({path, Component}) =>
+        <Route key={path} path={path} component={Component} exact/>
+      )}
+
+      {/* для просто пользователей */}
+      {publicRoutes.map(({path, Component}) =>
+        <Route key={path} path={path} component={Component} exact/>
+      )}
+    </Switch>
+  )
+}
+
+export default appRouter

client/src/index.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import App from './App';
+/* import reportWebVitals from './reportWebVitals'; */
+
+const root = ReactDOM.createRoot(document.getElementById('root'));
+root.render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>
+);
+

client/src/pages/admin.js

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

client/src/pages/cart.js

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

client/src/pages/devicePage.js

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

client/src/pages/logIn.js

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

client/src/pages/shop.js

@@ -0,0 +1,9 @@
+import React from 'react'
+
+const shop = () => {
+  return (
+    <div><p>shop</p></div>
+  )
+}
+
+export default shop

client/src/routes.js

@@ -0,0 +1,41 @@
+import { Component } from "react"
+import Admin from "./pages/admin.js"
+import Cart from "./pages/cart.js"
+import LogIn from "./pages/logIn.js"
+import Shop from "./pages/shop.js"
+import Device from "./pages/devicePage.js"
+import { ADMIN_ROUTE, CART_ROUTE, DEVICE_PAGE_ROUTE, LOG_IN_ROUTE, REGISTRATION_ROUTE, SHOP_ROUTE } from "./utulits/consts"
+
+export const authRoutes = [
+    {
+        path: ADMIN_ROUTE,
+        Component: Admin
+    },
+
+    {
+        path: CART_ROUTE,
+        Component: Cart
+    }
+]
+
+export const publicRoutes = [
+    {
+        path: LOG_IN_ROUTE,
+        Component: LogIn
+    },
+
+    {
+        path: REGISTRATION_ROUTE,
+        Component: LogIn
+    },
+    
+    {
+        path: SHOP_ROUTE,
+        Component: Shop
+    },
+
+    {
+        path: DEVICE_PAGE_ROUTE + '/:id',
+        Component: Device
+    }
+]

client/src/utulits/consts.js

@@ -0,0 +1,6 @@
+export const ADMIN_ROUTE = '/admin'
+export const CART_ROUTE = '/cart'
+export const DEVICE_PAGE_ROUTE = '/devicePage'
+export const LOG_IN_ROUTE = '/logIn'
+export const SHOP_ROUTE = '/shop'
+export const REGISTRATION_ROUTE = '/registration'