New Features:

1. Menu Added, and will not show if on Login or Register pages
New Pages:

Bugs Corrected:

To Be Corrected:

src/app/app-routing.module.ts

@@ -8,7 +8,7 @@ const redirectLoggedInToHome = () => redirectLoggedInTo(['home']);
 const routes: Routes = [
   {
     path: '',
-    redirectTo: 'register',
+    redirectTo: 'login',
     pathMatch: 'full'
   },
   {

src/app/app.component.html

@@ -1,3 +1,24 @@
 <ion-app>
-  <ion-router-outlet></ion-router-outlet>
+  <ion-split-pane when="md" contentId="menu-content"   >
+    <ion-menu content-id="menu-content" menu-id="menu-id" side="start" type="overlay">
+      <ion-header>
+        <ion-toolbar >
+          <ion-title>
+            Menu
+          </ion-title>
+        </ion-toolbar>
+      </ion-header>
+      <ion-content>
+        <ion-list class="h-full">
+          <ion-menu-toggle *ngFor="let item of menuItems" auto-hide="false">
+            <ion-item  [routerLink]="item.url">
+              <ion-icon [name]="item.icon" slot="start"></ion-icon>
+              <ion-label color="primary">{{item.title}}</ion-label>
+            </ion-item>
+          </ion-menu-toggle>
+        </ion-list>
+      </ion-content>
+    </ion-menu>
+  <ion-router-outlet id="menu-content"></ion-router-outlet>
+  </ion-split-pane>
 </ion-app>

src/app/app.component.ts

@@ -1,10 +1,34 @@
-import { Component } from '@angular/core';
+import { Component, OnInit } from '@angular/core';
+import { Router, NavigationEnd } from '@angular/router';
+import { MenuController } from '@ionic/angular';
 
 @Component({
   selector: 'app-root',
   templateUrl: 'app.component.html',
   styleUrls: ['app.component.scss'],
 })
-export class AppComponent {
-  constructor() {}
+export class AppComponent implements OnInit {
+
+  menuItems = [
+    {
+      title: 'Home',
+      url: '/home',
+      icon: 'home'
+    },
+  ];
+
+  constructor(private router: Router, private menuController: MenuController) {}
+
+  ngOnInit() {
+    this.router.events.subscribe((event) => {
+      if (event instanceof NavigationEnd) {
+        // Disable the menu on Login and Register pages
+        if (event.urlAfterRedirects.includes('/login') || event.urlAfterRedirects.includes('/register')) {
+          this.menuController.enable(false);
+        } else {
+          this.menuController.enable(true);
+        }
+      }
+    });
+  }
 }

src/app/home/home.page.html

@@ -1,18 +1,12 @@
 <ion-header [translucent]="true">
   <ion-toolbar>
-    <ion-title>
-      Juan
-    </ion-title>
+    <ion-menu-button slot="start" menu="menu-id">
+    </ion-menu-button>
+    <ion-title >Inicio</ion-title>
   </ion-toolbar>
 </ion-header>
 
 <ion-content [fullscreen]="true">
-  <ion-header collapse="condense">
-    <ion-toolbar>
-      <ion-title size="large">DevProbe</ion-title>
-    </ion-toolbar>
-  </ion-header>
-
   <div id="container">
     <strong>Ready to create an app?</strong>
     <p>Start with Ionic <a target="_blank" rel="noopener noreferrer" href="https://ionicframework.com/docs/components">UI Components</a></p>