src/app/app-routing.module.ts

import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { OverviewComponent } from './pages/overview/overview.component';
import { LoginComponent } from './pages/login/login.component';
import { ShiftChangeOverviewComponent } from './pages/shift-change-overview/shift-change-overview.component';
import { ReminderComponent } from './pages/reminder/reminder.component';
import { SearchComponent } from './pages/search/search.component';

const ROUTES: Routes = [
  {
    path: '',
    redirectTo: '/overview',
    pathMatch: 'full'
  },
  {
    path: 'overview',
    component: OverviewComponent
  },
  {
    path: 'login',
    component: LoginComponent
  },
  {
    path: 'shiftChangeOverview',
    component: ShiftChangeOverviewComponent
  },
  { 
    path: 'reminders',
    component: ReminderComponent
  },
  { 
    path: 'search',
    component: SearchComponent
  }
];

@NgModule({
  imports: [
    RouterModule.forRoot(ROUTES, {useHash: true})
  ],
  exports: [RouterModule]
})
export class AppRoutingModule { }