base page scaffolding and expense service

src/app/pages/expenses/expenses.html

@@ -0,0 +1,3 @@
+<div class="expenses-container">
+  <app-expense-list />
+</div>

src/app/pages/expenses/expenses.ts

@@ -0,0 +1,12 @@
+import { Component } from '@angular/core';
+import { ExpenseList } from '../../components/expense-list/expense-list';
+
+@Component({
+  selector: 'app-expenses',
+  imports: [
+    ExpenseList
+  ],
+  templateUrl: './expenses.html',
+  styleUrl: './expenses.scss'
+})
+export class Expenses { }

src/app/pages/home/home.html

@@ -0,0 +1,7 @@
+<div class="home-container">
+  <ul>
+    <li>
+      <a routerLink="expenses">Expenses</a>
+    </li>
+  </ul>
+</div>

src/app/pages/home/home.ts

@@ -0,0 +1,12 @@
+import { Component } from '@angular/core';
+import { RouterLink } from '@angular/router';
+
+@Component({
+  selector: 'app-home',
+  imports: [
+    RouterLink
+  ],
+  templateUrl: './home.html',
+  styleUrl: './home.scss',
+})
+export class Home { }