Merge branch 'feature/auth-configure' of https://github.com/IT-Lab-KubSU/platform into feature/auth-configure

apps/frontend/src/app/app.tsx

@@ -2,11 +2,11 @@
 import styles from './app.module.scss';
 
 import NxWelcome from './nx-welcome';
-
+import {Home} from './home';
 export function App() {
   return (
     <div>
-      <NxWelcome title="frontend" />
+      <Home />
     </div>
   );
 }

apps/frontend/src/app/home.tsx

@@ -0,0 +1,20 @@
+import {LoginPage, RegistrationPage} from "@platform/site-pages";
+import {Link, Routes, Route} from 'react-router-dom'
+
+export function Home() {
+  return(
+    <>
+      <ul>
+        <li><Link to="/login">Login</Link></li>
+        <li><Link to="/register">Register</Link></li>
+      </ul>
+      <Routes>
+        <Route path="/login" element={<LoginPage/>}></Route>
+        <Route path="/register" element={<RegistrationPage/>}></Route>
+      </Routes>
+      <h1>Hello</h1>
+      <LoginPage/>
+      <RegistrationPage/>
+    </>
+  );
+}

apps/frontend/src/main.tsx

@@ -1,4 +1,5 @@
 import { StrictMode } from 'react';
+import {BrowserRouter} from 'react-router-dom';
 import * as ReactDOM from 'react-dom/client';
 
 import App from './app/app';
@@ -8,6 +9,8 @@ const root = ReactDOM.createRoot(
 );
 root.render(
   <StrictMode>
+    <BrowserRouter>
       <App />
+    </BrowserRouter>
   </StrictMode>
 );

libs/site-pages/src/index.ts

@@ -1 +1,3 @@
+export * from './lib/registration-page/registration-page';
+export * from './lib/login-page/login-page';
 export * from './lib/site-pages';

libs/site-pages/src/lib/login-page/login-page.module.scss

@@ -0,0 +1,7 @@
+/*
+ * Replace this with your own classes
+ *
+ * e.g.
+ * .container {
+ * }
+*/

libs/site-pages/src/lib/login-page/login-page.spec.tsx

@@ -0,0 +1,10 @@
+import { render } from '@testing-library/react';
+
+import LoginPage from './login-page';
+
+describe('LoginPage', () => {
+  it('should render successfully', () => {
+    const { baseElement } = render(<LoginPage />);
+    expect(baseElement).toBeTruthy();
+  });
+});

libs/site-pages/src/lib/login-page/login-page.tsx

@@ -0,0 +1,14 @@
+import styles from './login-page.module.scss';
+
+/* eslint-disable-next-line */
+export interface LoginPageProps {}
+
+export function LoginPage(props: LoginPageProps) {
+  return (
+    <div className={styles['container']}>
+      <h1>Welcome to LoginPage!</h1>
+    </div>
+  );
+}
+
+export default LoginPage;

libs/site-pages/src/lib/registration-page/registration-page.module.scss

@@ -0,0 +1,7 @@
+/*
+ * Replace this with your own classes
+ *
+ * e.g.
+ * .container {
+ * }
+*/

libs/site-pages/src/lib/registration-page/registration-page.spec.tsx

@@ -0,0 +1,10 @@
+import { render } from '@testing-library/react';
+
+import RegistrationPage from './registration-page';
+
+describe('RegistrationPage', () => {
+  it('should render successfully', () => {
+    const { baseElement } = render(<RegistrationPage />);
+    expect(baseElement).toBeTruthy();
+  });
+});

libs/site-pages/src/lib/registration-page/registration-page.tsx

@@ -0,0 +1,14 @@
+import styles from './registration-page.module.scss';
+
+/* eslint-disable-next-line */
+export interface RegistrationPageProps {}
+
+export function RegistrationPage(props: RegistrationPageProps) {
+  return (
+    <div className={styles['container']}>
+      <h1>Welcome to RegistrationPage!</h1>
+    </div>
+  );
+}
+
+export default RegistrationPage;

package.json

@@ -22,11 +22,15 @@
     "class-transformer": "^0.5.1",
     "class-validator": "^0.14.0",
     "graphql": "^16.7.1",
+    "localforage": "^1.10.0",
+    "match-sorter": "^6.3.1",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-is": "18.2.0",
+    "react-router-dom": "^6.14.2",
     "reflect-metadata": "^0.1.13",
     "rxjs": "^7.8.0",
+    "sort-by": "^1.2.0",
     "styled-components": "5.3.6",
     "tslib": "^2.3.0"
   },