feat: add marketplace boilerplate

src/app/app-routing.module.ts

@@ -3,10 +3,12 @@ import { RouterModule, Routes } from '@angular/router';
 import { QueryComponent } from './components/query/query.component';
 import { CatalogBrowserComponent } from './components/catalog-browser/catalog-browser.component';
 import { NodeDetailsComponent } from './components/node-details/node-details.component';
+import { MarketplaceComponent } from './components/marketplace/marketplace.component';
 
 const routes: Routes = [
     { path: 'nodes', component: CatalogBrowserComponent },
     { path: 'query', component: QueryComponent },
+    { path: 'marketplace', component: MarketplaceComponent },
     { path: 'nodes/:id', component: NodeDetailsComponent },
     { path: '', redirectTo: 'nodes', pathMatch: 'full' },
 ];

src/app/app.component.html

@@ -4,6 +4,7 @@
 
     <a mat-button routerLink="">Browse Catalog</a>
     <a mat-button routerLink="query">Query Tool</a>
+    <a mat-button routerLink="marketplace">Marketplace</a>
     <ng-container *ngIf="isLoggedIn()">
         <button id="user-menu" mat-icon-button [matMenuTriggerFor]="menu" matTooltip="User: {{ username }}">
             <mat-icon>account_circle</mat-icon>

src/app/components/marketplace/marketplace.component.html

@@ -0,0 +1 @@
+<p>marketplace works!</p>

src/app/components/marketplace/marketplace.component.spec.ts

@@ -0,0 +1,22 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { MarketplaceComponent } from './marketplace.component';
+
+describe('MarketplaceComponent', () => {
+    let component: MarketplaceComponent;
+    let fixture: ComponentFixture<MarketplaceComponent>;
+
+    beforeEach(async () => {
+        await TestBed.configureTestingModule({
+            imports: [MarketplaceComponent],
+        }).compileComponents();
+
+        fixture = TestBed.createComponent(MarketplaceComponent);
+        component = fixture.componentInstance;
+        fixture.detectChanges();
+    });
+
+    it('should create', () => {
+        expect(component).toBeTruthy();
+    });
+});

src/app/components/marketplace/marketplace.component.ts

@@ -0,0 +1,10 @@
+import { Component } from '@angular/core';
+
+@Component({
+    selector: 'app-marketplace',
+    standalone: true,
+    imports: [],
+    templateUrl: './marketplace.component.html',
+    styleUrl: './marketplace.component.scss',
+})
+export class MarketplaceComponent {}