Add new components, styles, and services for user management and navigation

jambotron-ui/src/app/components/tutorials.component/tutorials.component.ts

@@ -0,0 +1,39 @@
+import {Component, CUSTOM_ELEMENTS_SCHEMA} from '@angular/core';
+import {Tutorial} from '../../models/tutorial.model';
+import {TutorialService} from '../../services/tutorial.service';
+import {MatCard, MatCardContent, MatCardHeader} from '@angular/material/card';
+
+@Component({
+  selector: 'app-tutorials.component',
+  imports: [
+    MatCard,
+    MatCardContent,
+    MatCardHeader
+  ],
+  templateUrl: './tutorials.component.html',
+  styleUrl: './tutorials.component.scss',
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
+})
+export class TutorialsComponent {
+  tutorials?: Tutorial[];
+
+  constructor(private tutorialService: TutorialService) {
+    this.retrieveTutorials();
+  }
+
+  // ngOnInit(): void {
+  //   this.retrieveTutorials();
+  // }
+
+  retrieveTutorials(): void {
+    this.tutorialService.getAll()
+      .subscribe(
+        data => {
+          this.tutorials = data;
+          console.log(data);
+        },
+        error => {
+          console.log(error);
+        });
+  }
+}