initial commit

Author: ambinintsoa-nomade

angular.json

@@ -25,6 +25,7 @@
               "src/assets"
             ],
             "styles": [
+              "node_modules/simplebar/dist/simplebar.min.css",
               "src/styles.css"
             ],
             "scripts": []
@@ -94,5 +95,8 @@
         }
       }
     }
+  },
+  "cli": {
+    "analytics": false
   }
 }

package-lock.json

@@ -19,6 +19,7 @@
     "@angular/platform-browser-dynamic": "^16.2.0",
     "@angular/router": "^16.2.0",
     "rxjs": "~7.8.0",
+    "simplebar": "^6.2.5",
     "tslib": "^2.3.0",
     "zone.js": "~0.13.0"
   },

package.json

@@ -1,7 +1,14 @@
 import { NgModule } from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
+import {LoginComponent} from "./component/login/login.component";
+import {RegisterComponent} from "./component/register/register.component";
 
-const routes: Routes = [];
+
+const routes: Routes = [
+  { path: 'login', component: LoginComponent },
+  { path: 'signup', component: RegisterComponent },
+  { path: '', redirectTo: '/login', pathMatch: 'full' }
+];
 
 @NgModule({
   imports: [RouterModule.forRoot(routes)],

src/app/app-routing.module.ts

@@ -0,0 +1,30 @@
+.full-page-container {
+  height: 100vh;
+  width: 100vw;
+  background-color: #f0f8ff;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  padding: 20px;
+  box-sizing: border-box;
+}
+
+.mat-drawer-content {
+  background-color: #f5f5f5;
+}
+
+input.form-control {
+  background-color: #f0f8ff;
+  border: 1px solid #ced4da;
+}
+
+input.form-control:focus {
+  background-color: white;
+  border-color: #80bdff;
+  box-shadow: 0 0 0 0.2rem rgba(128, 189, 255, 0.25);
+}
+
+.card-login, .card-signup {
+  width: 600px;
+}