lms-app/src/app/app-routing.module.ts

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { WelcomeComponent } from './welcome/welcome.component';
import { TabsComponent } from './tabs/tabs.component';
import { CourseDetailsComponent } from './tabs/courses/course-details/course-details.component';
import { VideoChapterComponent } from './tabs/courses/video-chapter/video-chapter.component';
import { VideoNotesComponent } from './tabs/courses/video-chapter/video-notes/video-notes.component';
import { CalendarComponent } from './calendar/calendar.component';
import { AttendanceComponent } from './attendance/attendance.component';
import { ForumPageComponent } from './forum-page/forum-page.component';
import { ChapterNotesComponent } from './tabs/courses/chapter-notes/chapter-notes.component';
import { QuizComponent } from './tabs/courses/quiz/quiz.component';
import { PostDetailsComponent } from './reusable-components/forum/post-details/post-details.component';
import { ChatPageComponent } from './chat-page/chat-page.component';
import { SettingsComponent } from './settings/settings.component';
import { TestComponent } from './tabs/courses/test/test.component';
import { ThemesComponent } from './settings/themes/themes.component';

const routes: Routes = [
    { path: '', pathMatch: 'full', redirectTo: 'welcome' },
    { component: WelcomeComponent, path: 'welcome' },
    { component: TabsComponent, path: 'tabs' },
    { component: TabsComponent, path: 'tabs/:subpage' },
    { component: CourseDetailsComponent, path: 'course-details' },
    { component: ChapterNotesComponent, path: 'chapter-notes/:heading' },
    { component: VideoChapterComponent, path: 'video-chapter/:heading' },
    { component: VideoNotesComponent, path: 'video-notes/:heading' },
    { component: QuizComponent, path: 'quiz' },
    { component: QuizComponent, path: 'quiz/:heading' },
    { component: TestComponent, path: 'test'},
    { component: CalendarComponent, path: 'calendar' },
    { component: AttendanceComponent, path: 'attendance'},
    { component: ForumPageComponent, path: 'forum'},
    { component: PostDetailsComponent, path: 'forum-post-details'},
    { component: ChatPageComponent, path: 'chats'},
    { component: SettingsComponent, path: 'settings'},
    { component: ThemesComponent, path: 'theme' }
];

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