From 8a2d6c332a089c2dbb7351514499e16f343959ff Mon Sep 17 00:00:00 2001
From: sowgro <tpoke.ferrari@gmail.com>
Date: Wed, 26 Feb 2025 20:41:35 -0500
Subject: Start services and organize project

---
 ufund-ui/.editorconfig                             |  2 +-
 ufund-ui/src/app/app-routing.module.ts             | 10 ++---
 ufund-ui/src/app/app.module.ts                     | 10 ++---
 .../app/components/cupboard/cupboard.component.css |  0
 .../components/cupboard/cupboard.component.html    |  1 +
 .../components/cupboard/cupboard.component.spec.ts | 23 +++++++++++
 .../app/components/cupboard/cupboard.component.ts  | 11 ++++++
 .../components/dashboard/dashboard.component.css   |  0
 .../components/dashboard/dashboard.component.html  |  1 +
 .../dashboard/dashboard.component.spec.ts          | 23 +++++++++++
 .../components/dashboard/dashboard.component.ts    | 11 ++++++
 .../funding-basket/funding-basket.component.css    |  0
 .../funding-basket/funding-basket.component.html   |  1 +
 .../funding-basket.component.spec.ts               | 23 +++++++++++
 .../funding-basket/funding-basket.component.ts     | 11 ++++++
 .../components/home-page/home-page.component.css   |  0
 .../components/home-page/home-page.component.html  |  1 +
 .../home-page/home-page.component.spec.ts          | 23 +++++++++++
 .../components/home-page/home-page.component.ts    | 11 ++++++
 .../src/app/components/login/login.component.css   |  4 ++
 .../src/app/components/login/login.component.html  |  5 +++
 .../app/components/login/login.component.spec.ts   | 23 +++++++++++
 .../src/app/components/login/login.component.ts    | 11 ++++++
 .../components/need-list/need-list.component.css   |  0
 .../components/need-list/need-list.component.html  |  1 +
 .../need-list/need-list.component.spec.ts          | 23 +++++++++++
 .../components/need-list/need-list.component.ts    | 11 ++++++
 .../components/need-page/need-page.component.css   |  0
 .../components/need-page/need-page.component.html  |  1 +
 .../need-page/need-page.component.spec.ts          | 23 +++++++++++
 .../components/need-page/need-page.component.ts    | 12 ++++++
 ufund-ui/src/app/cupboard/cupboard.component.css   |  0
 ufund-ui/src/app/cupboard/cupboard.component.html  |  1 -
 .../src/app/cupboard/cupboard.component.spec.ts    | 23 -----------
 ufund-ui/src/app/cupboard/cupboard.component.ts    | 11 ------
 ufund-ui/src/app/dashboard/dashboard.component.css |  0
 .../src/app/dashboard/dashboard.component.html     |  1 -
 .../src/app/dashboard/dashboard.component.spec.ts  | 23 -----------
 ufund-ui/src/app/dashboard/dashboard.component.ts  | 11 ------
 .../funding-basket/funding-basket.component.css    |  0
 .../funding-basket/funding-basket.component.html   |  1 -
 .../funding-basket.component.spec.ts               | 23 -----------
 .../app/funding-basket/funding-basket.component.ts | 11 ------
 ufund-ui/src/app/home-page/home-page.component.css |  0
 .../src/app/home-page/home-page.component.html     |  1 -
 .../src/app/home-page/home-page.component.spec.ts  | 23 -----------
 ufund-ui/src/app/home-page/home-page.component.ts  | 11 ------
 ufund-ui/src/app/login/login.component.css         |  0
 ufund-ui/src/app/login/login.component.html        |  1 -
 ufund-ui/src/app/login/login.component.spec.ts     | 23 -----------
 ufund-ui/src/app/login/login.component.ts          | 11 ------
 ufund-ui/src/app/models/Need.ts                    | 13 +++++++
 ufund-ui/src/app/models/User.ts                    |  6 +++
 ufund-ui/src/app/need-list/need-list.component.css |  0
 .../src/app/need-list/need-list.component.html     |  1 -
 .../src/app/need-list/need-list.component.spec.ts  | 23 -----------
 ufund-ui/src/app/need-list/need-list.component.ts  | 11 ------
 ufund-ui/src/app/need-page/need-page.component.css |  0
 .../src/app/need-page/need-page.component.html     |  1 -
 .../src/app/need-page/need-page.component.spec.ts  | 23 -----------
 ufund-ui/src/app/need-page/need-page.component.ts  | 11 ------
 ufund-ui/src/app/services/cupboard.service.spec.ts | 16 ++++++++
 ufund-ui/src/app/services/cupboard.service.ts      | 44 ++++++++++++++++++++++
 ufund-ui/src/app/services/users.service.spec.ts    | 16 ++++++++
 ufund-ui/src/app/services/users.service.ts         | 35 +++++++++++++++++
 65 files changed, 395 insertions(+), 256 deletions(-)
 create mode 100644 ufund-ui/src/app/components/cupboard/cupboard.component.css
 create mode 100644 ufund-ui/src/app/components/cupboard/cupboard.component.html
 create mode 100644 ufund-ui/src/app/components/cupboard/cupboard.component.spec.ts
 create mode 100644 ufund-ui/src/app/components/cupboard/cupboard.component.ts
 create mode 100644 ufund-ui/src/app/components/dashboard/dashboard.component.css
 create mode 100644 ufund-ui/src/app/components/dashboard/dashboard.component.html
 create mode 100644 ufund-ui/src/app/components/dashboard/dashboard.component.spec.ts
 create mode 100644 ufund-ui/src/app/components/dashboard/dashboard.component.ts
 create mode 100644 ufund-ui/src/app/components/funding-basket/funding-basket.component.css
 create mode 100644 ufund-ui/src/app/components/funding-basket/funding-basket.component.html
 create mode 100644 ufund-ui/src/app/components/funding-basket/funding-basket.component.spec.ts
 create mode 100644 ufund-ui/src/app/components/funding-basket/funding-basket.component.ts
 create mode 100644 ufund-ui/src/app/components/home-page/home-page.component.css
 create mode 100644 ufund-ui/src/app/components/home-page/home-page.component.html
 create mode 100644 ufund-ui/src/app/components/home-page/home-page.component.spec.ts
 create mode 100644 ufund-ui/src/app/components/home-page/home-page.component.ts
 create mode 100644 ufund-ui/src/app/components/login/login.component.css
 create mode 100644 ufund-ui/src/app/components/login/login.component.html
 create mode 100644 ufund-ui/src/app/components/login/login.component.spec.ts
 create mode 100644 ufund-ui/src/app/components/login/login.component.ts
 create mode 100644 ufund-ui/src/app/components/need-list/need-list.component.css
 create mode 100644 ufund-ui/src/app/components/need-list/need-list.component.html
 create mode 100644 ufund-ui/src/app/components/need-list/need-list.component.spec.ts
 create mode 100644 ufund-ui/src/app/components/need-list/need-list.component.ts
 create mode 100644 ufund-ui/src/app/components/need-page/need-page.component.css
 create mode 100644 ufund-ui/src/app/components/need-page/need-page.component.html
 create mode 100644 ufund-ui/src/app/components/need-page/need-page.component.spec.ts
 create mode 100644 ufund-ui/src/app/components/need-page/need-page.component.ts
 delete mode 100644 ufund-ui/src/app/cupboard/cupboard.component.css
 delete mode 100644 ufund-ui/src/app/cupboard/cupboard.component.html
 delete mode 100644 ufund-ui/src/app/cupboard/cupboard.component.spec.ts
 delete mode 100644 ufund-ui/src/app/cupboard/cupboard.component.ts
 delete mode 100644 ufund-ui/src/app/dashboard/dashboard.component.css
 delete mode 100644 ufund-ui/src/app/dashboard/dashboard.component.html
 delete mode 100644 ufund-ui/src/app/dashboard/dashboard.component.spec.ts
 delete mode 100644 ufund-ui/src/app/dashboard/dashboard.component.ts
 delete mode 100644 ufund-ui/src/app/funding-basket/funding-basket.component.css
 delete mode 100644 ufund-ui/src/app/funding-basket/funding-basket.component.html
 delete mode 100644 ufund-ui/src/app/funding-basket/funding-basket.component.spec.ts
 delete mode 100644 ufund-ui/src/app/funding-basket/funding-basket.component.ts
 delete mode 100644 ufund-ui/src/app/home-page/home-page.component.css
 delete mode 100644 ufund-ui/src/app/home-page/home-page.component.html
 delete mode 100644 ufund-ui/src/app/home-page/home-page.component.spec.ts
 delete mode 100644 ufund-ui/src/app/home-page/home-page.component.ts
 delete mode 100644 ufund-ui/src/app/login/login.component.css
 delete mode 100644 ufund-ui/src/app/login/login.component.html
 delete mode 100644 ufund-ui/src/app/login/login.component.spec.ts
 delete mode 100644 ufund-ui/src/app/login/login.component.ts
 create mode 100644 ufund-ui/src/app/models/Need.ts
 create mode 100644 ufund-ui/src/app/models/User.ts
 delete mode 100644 ufund-ui/src/app/need-list/need-list.component.css
 delete mode 100644 ufund-ui/src/app/need-list/need-list.component.html
 delete mode 100644 ufund-ui/src/app/need-list/need-list.component.spec.ts
 delete mode 100644 ufund-ui/src/app/need-list/need-list.component.ts
 delete mode 100644 ufund-ui/src/app/need-page/need-page.component.css
 delete mode 100644 ufund-ui/src/app/need-page/need-page.component.html
 delete mode 100644 ufund-ui/src/app/need-page/need-page.component.spec.ts
 delete mode 100644 ufund-ui/src/app/need-page/need-page.component.ts
 create mode 100644 ufund-ui/src/app/services/cupboard.service.spec.ts
 create mode 100644 ufund-ui/src/app/services/cupboard.service.ts
 create mode 100644 ufund-ui/src/app/services/users.service.spec.ts
 create mode 100644 ufund-ui/src/app/services/users.service.ts

diff --git a/ufund-ui/.editorconfig b/ufund-ui/.editorconfig
index f166060..7b30331 100644
--- a/ufund-ui/.editorconfig
+++ b/ufund-ui/.editorconfig
@@ -4,7 +4,7 @@ root = true
 [*]
 charset = utf-8
 indent_style = space
-indent_size = 2
+indent_size = 4
 insert_final_newline = true
 trim_trailing_whitespace = true
 
diff --git a/ufund-ui/src/app/app-routing.module.ts b/ufund-ui/src/app/app-routing.module.ts
index 9e3c5ef..36e74d3 100644
--- a/ufund-ui/src/app/app-routing.module.ts
+++ b/ufund-ui/src/app/app-routing.module.ts
@@ -1,10 +1,10 @@
 import { NgModule } from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
-import {CupboardComponent} from './cupboard/cupboard.component';
-import {DashboardComponent} from './dashboard/dashboard.component';
-import {LoginComponent} from './login/login.component';
-import {HomePageComponent} from './home-page/home-page.component';
-import {FundingBasketComponent} from './funding-basket/funding-basket.component';
+import {CupboardComponent} from './components/cupboard/cupboard.component';
+import {DashboardComponent} from './components/dashboard/dashboard.component';
+import {LoginComponent} from './components/login/login.component';
+import {HomePageComponent} from './components/home-page/home-page.component';
+import {FundingBasketComponent} from './components/funding-basket/funding-basket.component';
 
 const routes: Routes = [
   {path: '', component: HomePageComponent},
diff --git a/ufund-ui/src/app/app.module.ts b/ufund-ui/src/app/app.module.ts
index ee2d578..95208e1 100644
--- a/ufund-ui/src/app/app.module.ts
+++ b/ufund-ui/src/app/app.module.ts
@@ -3,11 +3,11 @@ import { BrowserModule } from '@angular/platform-browser';
 
 import { AppRoutingModule } from './app-routing.module';
 import { AppComponent } from './app.component';
-import { NeedPageComponent } from './need-page/need-page.component';
-import { HomePageComponent } from './home-page/home-page.component';
-import { FundingBasketComponent } from './funding-basket/funding-basket.component';
-import { CupboardComponent } from './cupboard/cupboard.component';
-import { NeedListComponent } from './need-list/need-list.component';
+import { NeedPageComponent } from './components/need-page/need-page.component';
+import { HomePageComponent } from './components/home-page/home-page.component';
+import { FundingBasketComponent } from './components/funding-basket/funding-basket.component';
+import { CupboardComponent } from './components/cupboard/cupboard.component';
+import { NeedListComponent } from './components/need-list/need-list.component';
 
 @NgModule({
   declarations: [
diff --git a/ufund-ui/src/app/components/cupboard/cupboard.component.css b/ufund-ui/src/app/components/cupboard/cupboard.component.css
new file mode 100644
index 0000000..e69de29
diff --git a/ufund-ui/src/app/components/cupboard/cupboard.component.html b/ufund-ui/src/app/components/cupboard/cupboard.component.html
new file mode 100644
index 0000000..bcddb33
--- /dev/null
+++ b/ufund-ui/src/app/components/cupboard/cupboard.component.html
@@ -0,0 +1 @@
+<p>cupboard works!</p>
diff --git a/ufund-ui/src/app/components/cupboard/cupboard.component.spec.ts b/ufund-ui/src/app/components/cupboard/cupboard.component.spec.ts
new file mode 100644
index 0000000..ece4f23
--- /dev/null
+++ b/ufund-ui/src/app/components/cupboard/cupboard.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { CupboardComponent } from './cupboard.component';
+
+describe('CupboardComponent', () => {
+  let component: CupboardComponent;
+  let fixture: ComponentFixture<CupboardComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [CupboardComponent]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(CupboardComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/ufund-ui/src/app/components/cupboard/cupboard.component.ts b/ufund-ui/src/app/components/cupboard/cupboard.component.ts
new file mode 100644
index 0000000..c78434e
--- /dev/null
+++ b/ufund-ui/src/app/components/cupboard/cupboard.component.ts
@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-cupboard',
+  standalone: false,
+  templateUrl: './cupboard.component.html',
+  styleUrl: './cupboard.component.css'
+})
+export class CupboardComponent {
+
+}
diff --git a/ufund-ui/src/app/components/dashboard/dashboard.component.css b/ufund-ui/src/app/components/dashboard/dashboard.component.css
new file mode 100644
index 0000000..e69de29
diff --git a/ufund-ui/src/app/components/dashboard/dashboard.component.html b/ufund-ui/src/app/components/dashboard/dashboard.component.html
new file mode 100644
index 0000000..9c5fce9
--- /dev/null
+++ b/ufund-ui/src/app/components/dashboard/dashboard.component.html
@@ -0,0 +1 @@
+<p>dashboard works!</p>
diff --git a/ufund-ui/src/app/components/dashboard/dashboard.component.spec.ts b/ufund-ui/src/app/components/dashboard/dashboard.component.spec.ts
new file mode 100644
index 0000000..1a763b8
--- /dev/null
+++ b/ufund-ui/src/app/components/dashboard/dashboard.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { DashboardComponent } from './dashboard.component';
+
+describe('DashboardComponent', () => {
+  let component: DashboardComponent;
+  let fixture: ComponentFixture<DashboardComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [DashboardComponent]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(DashboardComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/ufund-ui/src/app/components/dashboard/dashboard.component.ts b/ufund-ui/src/app/components/dashboard/dashboard.component.ts
new file mode 100644
index 0000000..6da4013
--- /dev/null
+++ b/ufund-ui/src/app/components/dashboard/dashboard.component.ts
@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-dashboard',
+  standalone: false,
+  templateUrl: './dashboard.component.html',
+  styleUrl: './dashboard.component.css'
+})
+export class DashboardComponent {
+
+}
diff --git a/ufund-ui/src/app/components/funding-basket/funding-basket.component.css b/ufund-ui/src/app/components/funding-basket/funding-basket.component.css
new file mode 100644
index 0000000..e69de29
diff --git a/ufund-ui/src/app/components/funding-basket/funding-basket.component.html b/ufund-ui/src/app/components/funding-basket/funding-basket.component.html
new file mode 100644
index 0000000..3fb2b5b
--- /dev/null
+++ b/ufund-ui/src/app/components/funding-basket/funding-basket.component.html
@@ -0,0 +1 @@
+<p>funding-basket works!</p>
diff --git a/ufund-ui/src/app/components/funding-basket/funding-basket.component.spec.ts b/ufund-ui/src/app/components/funding-basket/funding-basket.component.spec.ts
new file mode 100644
index 0000000..1cdd9d2
--- /dev/null
+++ b/ufund-ui/src/app/components/funding-basket/funding-basket.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { FundingBasketComponent } from './funding-basket.component';
+
+describe('FundingBasketComponent', () => {
+  let component: FundingBasketComponent;
+  let fixture: ComponentFixture<FundingBasketComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [FundingBasketComponent]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(FundingBasketComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/ufund-ui/src/app/components/funding-basket/funding-basket.component.ts b/ufund-ui/src/app/components/funding-basket/funding-basket.component.ts
new file mode 100644
index 0000000..8b12306
--- /dev/null
+++ b/ufund-ui/src/app/components/funding-basket/funding-basket.component.ts
@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-funding-basket',
+  standalone: false,
+  templateUrl: './funding-basket.component.html',
+  styleUrl: './funding-basket.component.css'
+})
+export class FundingBasketComponent {
+
+}
diff --git a/ufund-ui/src/app/components/home-page/home-page.component.css b/ufund-ui/src/app/components/home-page/home-page.component.css
new file mode 100644
index 0000000..e69de29
diff --git a/ufund-ui/src/app/components/home-page/home-page.component.html b/ufund-ui/src/app/components/home-page/home-page.component.html
new file mode 100644
index 0000000..7454417
--- /dev/null
+++ b/ufund-ui/src/app/components/home-page/home-page.component.html
@@ -0,0 +1 @@
+<p>home-page works!</p>
diff --git a/ufund-ui/src/app/components/home-page/home-page.component.spec.ts b/ufund-ui/src/app/components/home-page/home-page.component.spec.ts
new file mode 100644
index 0000000..8ff10c7
--- /dev/null
+++ b/ufund-ui/src/app/components/home-page/home-page.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { HomePageComponent } from './home-page.component';
+
+describe('HomePageComponent', () => {
+  let component: HomePageComponent;
+  let fixture: ComponentFixture<HomePageComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [HomePageComponent]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(HomePageComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/ufund-ui/src/app/components/home-page/home-page.component.ts b/ufund-ui/src/app/components/home-page/home-page.component.ts
new file mode 100644
index 0000000..5b2277c
--- /dev/null
+++ b/ufund-ui/src/app/components/home-page/home-page.component.ts
@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-home-page',
+  standalone: false,
+  templateUrl: './home-page.component.html',
+  styleUrl: './home-page.component.css'
+})
+export class HomePageComponent {
+
+}
diff --git a/ufund-ui/src/app/components/login/login.component.css b/ufund-ui/src/app/components/login/login.component.css
new file mode 100644
index 0000000..4cef8a0
--- /dev/null
+++ b/ufund-ui/src/app/components/login/login.component.css
@@ -0,0 +1,4 @@
+:host {
+  display: flex;
+  flex-direction: column;
+}
diff --git a/ufund-ui/src/app/components/login/login.component.html b/ufund-ui/src/app/components/login/login.component.html
new file mode 100644
index 0000000..1bf2a3f
--- /dev/null
+++ b/ufund-ui/src/app/components/login/login.component.html
@@ -0,0 +1,5 @@
+<p>Login:</p>
+<input placeholder="Username" type="text">
+<input placeholder="Password" type="password">
+<button>Login</button>
+<button>Create Account</button>
diff --git a/ufund-ui/src/app/components/login/login.component.spec.ts b/ufund-ui/src/app/components/login/login.component.spec.ts
new file mode 100644
index 0000000..4adbc3d
--- /dev/null
+++ b/ufund-ui/src/app/components/login/login.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { LoginComponent } from './login.component';
+
+describe('LoginComponent', () => {
+  let component: LoginComponent;
+  let fixture: ComponentFixture<LoginComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [LoginComponent]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(LoginComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/ufund-ui/src/app/components/login/login.component.ts b/ufund-ui/src/app/components/login/login.component.ts
new file mode 100644
index 0000000..efb8a58
--- /dev/null
+++ b/ufund-ui/src/app/components/login/login.component.ts
@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-login',
+  standalone: false,
+  templateUrl: './login.component.html',
+  styleUrl: './login.component.css'
+})
+export class LoginComponent {
+
+}
diff --git a/ufund-ui/src/app/components/need-list/need-list.component.css b/ufund-ui/src/app/components/need-list/need-list.component.css
new file mode 100644
index 0000000..e69de29
diff --git a/ufund-ui/src/app/components/need-list/need-list.component.html b/ufund-ui/src/app/components/need-list/need-list.component.html
new file mode 100644
index 0000000..d366ee6
--- /dev/null
+++ b/ufund-ui/src/app/components/need-list/need-list.component.html
@@ -0,0 +1 @@
+<p>need-list works!</p>
diff --git a/ufund-ui/src/app/components/need-list/need-list.component.spec.ts b/ufund-ui/src/app/components/need-list/need-list.component.spec.ts
new file mode 100644
index 0000000..f9b7830
--- /dev/null
+++ b/ufund-ui/src/app/components/need-list/need-list.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { NeedListComponent } from './need-list.component';
+
+describe('NeedListComponent', () => {
+  let component: NeedListComponent;
+  let fixture: ComponentFixture<NeedListComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [NeedListComponent]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(NeedListComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/ufund-ui/src/app/components/need-list/need-list.component.ts b/ufund-ui/src/app/components/need-list/need-list.component.ts
new file mode 100644
index 0000000..61ed089
--- /dev/null
+++ b/ufund-ui/src/app/components/need-list/need-list.component.ts
@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-need-list',
+  standalone: false,
+  templateUrl: './need-list.component.html',
+  styleUrl: './need-list.component.css'
+})
+export class NeedListComponent {
+
+}
diff --git a/ufund-ui/src/app/components/need-page/need-page.component.css b/ufund-ui/src/app/components/need-page/need-page.component.css
new file mode 100644
index 0000000..e69de29
diff --git a/ufund-ui/src/app/components/need-page/need-page.component.html b/ufund-ui/src/app/components/need-page/need-page.component.html
new file mode 100644
index 0000000..ed5b6d8
--- /dev/null
+++ b/ufund-ui/src/app/components/need-page/need-page.component.html
@@ -0,0 +1 @@
+<p>need-page works!</p>
diff --git a/ufund-ui/src/app/components/need-page/need-page.component.spec.ts b/ufund-ui/src/app/components/need-page/need-page.component.spec.ts
new file mode 100644
index 0000000..028c477
--- /dev/null
+++ b/ufund-ui/src/app/components/need-page/need-page.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { NeedPageComponent } from './need-page.component';
+
+describe('NeedPageComponent', () => {
+  let component: NeedPageComponent;
+  let fixture: ComponentFixture<NeedPageComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [NeedPageComponent]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(NeedPageComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/ufund-ui/src/app/components/need-page/need-page.component.ts b/ufund-ui/src/app/components/need-page/need-page.component.ts
new file mode 100644
index 0000000..390bfb6
--- /dev/null
+++ b/ufund-ui/src/app/components/need-page/need-page.component.ts
@@ -0,0 +1,12 @@
+import {Component, Input} from '@angular/core';
+import {Need} from '../../models/Need';
+
+@Component({
+  selector: 'app-need-page',
+  standalone: false,
+  templateUrl: './need-page.component.html',
+  styleUrl: './need-page.component.css'
+})
+export class NeedPageComponent {
+  @Input() need?: Need;
+}
diff --git a/ufund-ui/src/app/cupboard/cupboard.component.css b/ufund-ui/src/app/cupboard/cupboard.component.css
deleted file mode 100644
index e69de29..0000000
diff --git a/ufund-ui/src/app/cupboard/cupboard.component.html b/ufund-ui/src/app/cupboard/cupboard.component.html
deleted file mode 100644
index bcddb33..0000000
--- a/ufund-ui/src/app/cupboard/cupboard.component.html
+++ /dev/null
@@ -1 +0,0 @@
-<p>cupboard works!</p>
diff --git a/ufund-ui/src/app/cupboard/cupboard.component.spec.ts b/ufund-ui/src/app/cupboard/cupboard.component.spec.ts
deleted file mode 100644
index ece4f23..0000000
--- a/ufund-ui/src/app/cupboard/cupboard.component.spec.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { CupboardComponent } from './cupboard.component';
-
-describe('CupboardComponent', () => {
-  let component: CupboardComponent;
-  let fixture: ComponentFixture<CupboardComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [CupboardComponent]
-    })
-    .compileComponents();
-
-    fixture = TestBed.createComponent(CupboardComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
diff --git a/ufund-ui/src/app/cupboard/cupboard.component.ts b/ufund-ui/src/app/cupboard/cupboard.component.ts
deleted file mode 100644
index c78434e..0000000
--- a/ufund-ui/src/app/cupboard/cupboard.component.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-  selector: 'app-cupboard',
-  standalone: false,
-  templateUrl: './cupboard.component.html',
-  styleUrl: './cupboard.component.css'
-})
-export class CupboardComponent {
-
-}
diff --git a/ufund-ui/src/app/dashboard/dashboard.component.css b/ufund-ui/src/app/dashboard/dashboard.component.css
deleted file mode 100644
index e69de29..0000000
diff --git a/ufund-ui/src/app/dashboard/dashboard.component.html b/ufund-ui/src/app/dashboard/dashboard.component.html
deleted file mode 100644
index 9c5fce9..0000000
--- a/ufund-ui/src/app/dashboard/dashboard.component.html
+++ /dev/null
@@ -1 +0,0 @@
-<p>dashboard works!</p>
diff --git a/ufund-ui/src/app/dashboard/dashboard.component.spec.ts b/ufund-ui/src/app/dashboard/dashboard.component.spec.ts
deleted file mode 100644
index 1a763b8..0000000
--- a/ufund-ui/src/app/dashboard/dashboard.component.spec.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { DashboardComponent } from './dashboard.component';
-
-describe('DashboardComponent', () => {
-  let component: DashboardComponent;
-  let fixture: ComponentFixture<DashboardComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [DashboardComponent]
-    })
-    .compileComponents();
-
-    fixture = TestBed.createComponent(DashboardComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
diff --git a/ufund-ui/src/app/dashboard/dashboard.component.ts b/ufund-ui/src/app/dashboard/dashboard.component.ts
deleted file mode 100644
index 6da4013..0000000
--- a/ufund-ui/src/app/dashboard/dashboard.component.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-  selector: 'app-dashboard',
-  standalone: false,
-  templateUrl: './dashboard.component.html',
-  styleUrl: './dashboard.component.css'
-})
-export class DashboardComponent {
-
-}
diff --git a/ufund-ui/src/app/funding-basket/funding-basket.component.css b/ufund-ui/src/app/funding-basket/funding-basket.component.css
deleted file mode 100644
index e69de29..0000000
diff --git a/ufund-ui/src/app/funding-basket/funding-basket.component.html b/ufund-ui/src/app/funding-basket/funding-basket.component.html
deleted file mode 100644
index 3fb2b5b..0000000
--- a/ufund-ui/src/app/funding-basket/funding-basket.component.html
+++ /dev/null
@@ -1 +0,0 @@
-<p>funding-basket works!</p>
diff --git a/ufund-ui/src/app/funding-basket/funding-basket.component.spec.ts b/ufund-ui/src/app/funding-basket/funding-basket.component.spec.ts
deleted file mode 100644
index 1cdd9d2..0000000
--- a/ufund-ui/src/app/funding-basket/funding-basket.component.spec.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { FundingBasketComponent } from './funding-basket.component';
-
-describe('FundingBasketComponent', () => {
-  let component: FundingBasketComponent;
-  let fixture: ComponentFixture<FundingBasketComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [FundingBasketComponent]
-    })
-    .compileComponents();
-
-    fixture = TestBed.createComponent(FundingBasketComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
diff --git a/ufund-ui/src/app/funding-basket/funding-basket.component.ts b/ufund-ui/src/app/funding-basket/funding-basket.component.ts
deleted file mode 100644
index 8b12306..0000000
--- a/ufund-ui/src/app/funding-basket/funding-basket.component.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-  selector: 'app-funding-basket',
-  standalone: false,
-  templateUrl: './funding-basket.component.html',
-  styleUrl: './funding-basket.component.css'
-})
-export class FundingBasketComponent {
-
-}
diff --git a/ufund-ui/src/app/home-page/home-page.component.css b/ufund-ui/src/app/home-page/home-page.component.css
deleted file mode 100644
index e69de29..0000000
diff --git a/ufund-ui/src/app/home-page/home-page.component.html b/ufund-ui/src/app/home-page/home-page.component.html
deleted file mode 100644
index 7454417..0000000
--- a/ufund-ui/src/app/home-page/home-page.component.html
+++ /dev/null
@@ -1 +0,0 @@
-<p>home-page works!</p>
diff --git a/ufund-ui/src/app/home-page/home-page.component.spec.ts b/ufund-ui/src/app/home-page/home-page.component.spec.ts
deleted file mode 100644
index 8ff10c7..0000000
--- a/ufund-ui/src/app/home-page/home-page.component.spec.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { HomePageComponent } from './home-page.component';
-
-describe('HomePageComponent', () => {
-  let component: HomePageComponent;
-  let fixture: ComponentFixture<HomePageComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [HomePageComponent]
-    })
-    .compileComponents();
-
-    fixture = TestBed.createComponent(HomePageComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
diff --git a/ufund-ui/src/app/home-page/home-page.component.ts b/ufund-ui/src/app/home-page/home-page.component.ts
deleted file mode 100644
index 5b2277c..0000000
--- a/ufund-ui/src/app/home-page/home-page.component.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-  selector: 'app-home-page',
-  standalone: false,
-  templateUrl: './home-page.component.html',
-  styleUrl: './home-page.component.css'
-})
-export class HomePageComponent {
-
-}
diff --git a/ufund-ui/src/app/login/login.component.css b/ufund-ui/src/app/login/login.component.css
deleted file mode 100644
index e69de29..0000000
diff --git a/ufund-ui/src/app/login/login.component.html b/ufund-ui/src/app/login/login.component.html
deleted file mode 100644
index 147cfc4..0000000
--- a/ufund-ui/src/app/login/login.component.html
+++ /dev/null
@@ -1 +0,0 @@
-<p>login works!</p>
diff --git a/ufund-ui/src/app/login/login.component.spec.ts b/ufund-ui/src/app/login/login.component.spec.ts
deleted file mode 100644
index 4adbc3d..0000000
--- a/ufund-ui/src/app/login/login.component.spec.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { LoginComponent } from './login.component';
-
-describe('LoginComponent', () => {
-  let component: LoginComponent;
-  let fixture: ComponentFixture<LoginComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [LoginComponent]
-    })
-    .compileComponents();
-
-    fixture = TestBed.createComponent(LoginComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
diff --git a/ufund-ui/src/app/login/login.component.ts b/ufund-ui/src/app/login/login.component.ts
deleted file mode 100644
index efb8a58..0000000
--- a/ufund-ui/src/app/login/login.component.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-  selector: 'app-login',
-  standalone: false,
-  templateUrl: './login.component.html',
-  styleUrl: './login.component.css'
-})
-export class LoginComponent {
-
-}
diff --git a/ufund-ui/src/app/models/Need.ts b/ufund-ui/src/app/models/Need.ts
new file mode 100644
index 0000000..607a6a7
--- /dev/null
+++ b/ufund-ui/src/app/models/Need.ts
@@ -0,0 +1,13 @@
+export interface Need {
+  name: string,
+  id: number,
+  filterAttributes: String[],
+  type: GoalType;
+  maxGoal: number;
+  current: number;
+}
+
+enum GoalType {
+  MONETARY,
+  PHYSICAL
+}
diff --git a/ufund-ui/src/app/models/User.ts b/ufund-ui/src/app/models/User.ts
new file mode 100644
index 0000000..46fe4a1
--- /dev/null
+++ b/ufund-ui/src/app/models/User.ts
@@ -0,0 +1,6 @@
+import {Need} from './Need';
+
+export interface User {
+  username: string;
+  cupboard: Need[];
+}
diff --git a/ufund-ui/src/app/need-list/need-list.component.css b/ufund-ui/src/app/need-list/need-list.component.css
deleted file mode 100644
index e69de29..0000000
diff --git a/ufund-ui/src/app/need-list/need-list.component.html b/ufund-ui/src/app/need-list/need-list.component.html
deleted file mode 100644
index d366ee6..0000000
--- a/ufund-ui/src/app/need-list/need-list.component.html
+++ /dev/null
@@ -1 +0,0 @@
-<p>need-list works!</p>
diff --git a/ufund-ui/src/app/need-list/need-list.component.spec.ts b/ufund-ui/src/app/need-list/need-list.component.spec.ts
deleted file mode 100644
index f9b7830..0000000
--- a/ufund-ui/src/app/need-list/need-list.component.spec.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { NeedListComponent } from './need-list.component';
-
-describe('NeedListComponent', () => {
-  let component: NeedListComponent;
-  let fixture: ComponentFixture<NeedListComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [NeedListComponent]
-    })
-    .compileComponents();
-
-    fixture = TestBed.createComponent(NeedListComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
diff --git a/ufund-ui/src/app/need-list/need-list.component.ts b/ufund-ui/src/app/need-list/need-list.component.ts
deleted file mode 100644
index 61ed089..0000000
--- a/ufund-ui/src/app/need-list/need-list.component.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-  selector: 'app-need-list',
-  standalone: false,
-  templateUrl: './need-list.component.html',
-  styleUrl: './need-list.component.css'
-})
-export class NeedListComponent {
-
-}
diff --git a/ufund-ui/src/app/need-page/need-page.component.css b/ufund-ui/src/app/need-page/need-page.component.css
deleted file mode 100644
index e69de29..0000000
diff --git a/ufund-ui/src/app/need-page/need-page.component.html b/ufund-ui/src/app/need-page/need-page.component.html
deleted file mode 100644
index ed5b6d8..0000000
--- a/ufund-ui/src/app/need-page/need-page.component.html
+++ /dev/null
@@ -1 +0,0 @@
-<p>need-page works!</p>
diff --git a/ufund-ui/src/app/need-page/need-page.component.spec.ts b/ufund-ui/src/app/need-page/need-page.component.spec.ts
deleted file mode 100644
index 028c477..0000000
--- a/ufund-ui/src/app/need-page/need-page.component.spec.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { NeedPageComponent } from './need-page.component';
-
-describe('NeedPageComponent', () => {
-  let component: NeedPageComponent;
-  let fixture: ComponentFixture<NeedPageComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [NeedPageComponent]
-    })
-    .compileComponents();
-
-    fixture = TestBed.createComponent(NeedPageComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
diff --git a/ufund-ui/src/app/need-page/need-page.component.ts b/ufund-ui/src/app/need-page/need-page.component.ts
deleted file mode 100644
index 4b7fd7e..0000000
--- a/ufund-ui/src/app/need-page/need-page.component.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-  selector: 'app-need-page',
-  standalone: false,
-  templateUrl: './need-page.component.html',
-  styleUrl: './need-page.component.css'
-})
-export class NeedPageComponent {
-
-}
diff --git a/ufund-ui/src/app/services/cupboard.service.spec.ts b/ufund-ui/src/app/services/cupboard.service.spec.ts
new file mode 100644
index 0000000..56da56d
--- /dev/null
+++ b/ufund-ui/src/app/services/cupboard.service.spec.ts
@@ -0,0 +1,16 @@
+import { TestBed } from '@angular/core/testing';
+
+import { CupboardService } from './cupboard.service';
+
+describe('CupboardService', () => {
+  let service: CupboardService;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({});
+    service = TestBed.inject(CupboardService);
+  });
+
+  it('should be created', () => {
+    expect(service).toBeTruthy();
+  });
+});
diff --git a/ufund-ui/src/app/services/cupboard.service.ts b/ufund-ui/src/app/services/cupboard.service.ts
new file mode 100644
index 0000000..6e2671a
--- /dev/null
+++ b/ufund-ui/src/app/services/cupboard.service.ts
@@ -0,0 +1,44 @@
+import {Injectable} from '@angular/core';
+import {HttpClient, HttpHeaders} from '@angular/common/http';
+import {Need} from '../models/Need';
+import {Observable} from 'rxjs';
+
+@Injectable({
+    providedIn: 'root'
+})
+export class CupboardService {
+
+    private url = "localhost:8080/cupboard"
+    private httpOptions = {
+        headers: new HttpHeaders({'Content-Type': 'application/json'})
+    };
+
+    constructor(
+        private http: HttpClient
+    ) {}
+
+    createNeed(need: Need): Observable<boolean> {
+        return this.http.post<boolean>(
+            this.url, need, this.httpOptions)
+    }
+
+    getNeeds(): Observable<Need[]> {
+        return this.http.get<Need[]>(this.url, this.httpOptions)
+    }
+
+    searchNeeds(name: String): Observable<Need[]> {
+        return this.http.get<Need[]>(`${this.url}/?name=${name}`, this.httpOptions)
+    }
+
+    getNeed(id: number): Observable<Need> {
+        return this.http.get<Need>(`${this.url}/${id}`, this.httpOptions)
+    }
+
+    updateNeed(id: number, data: Need): Observable<boolean> {
+        return this.http.put<boolean>(`${this.url}/${id}`, data, this.httpOptions)
+    }
+
+    deleteNeed(id: number): Observable<boolean> {
+        return this.http.put<boolean>(`${this.url}/${id}`, this.httpOptions)
+    }
+}
diff --git a/ufund-ui/src/app/services/users.service.spec.ts b/ufund-ui/src/app/services/users.service.spec.ts
new file mode 100644
index 0000000..f81244a
--- /dev/null
+++ b/ufund-ui/src/app/services/users.service.spec.ts
@@ -0,0 +1,16 @@
+import { TestBed } from '@angular/core/testing';
+
+import { UsersService } from './users.service';
+
+describe('UsersService', () => {
+  let service: UsersService;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({});
+    service = TestBed.inject(UsersService);
+  });
+
+  it('should be created', () => {
+    expect(service).toBeTruthy();
+  });
+});
diff --git a/ufund-ui/src/app/services/users.service.ts b/ufund-ui/src/app/services/users.service.ts
new file mode 100644
index 0000000..65a9e61
--- /dev/null
+++ b/ufund-ui/src/app/services/users.service.ts
@@ -0,0 +1,35 @@
+import { Injectable } from '@angular/core';
+import {HttpClient, HttpHeaders} from '@angular/common/http';
+import {Observable} from 'rxjs';
+import {User} from '../models/User';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class UsersService {
+
+    private url = "localhost:8080/cupboard"
+    private httpOptions = {
+        headers: new HttpHeaders({'Content-Type': 'application/json'})
+    };
+
+    constructor(
+        private http: HttpClient
+    ) {}
+
+    createUser(data: User): Observable<User> {
+        return this.http.post<User>(this.url, data, this.httpOptions)
+    }
+
+    getUser(id: number): Observable<User> {
+        return this.http.get<User>(`${this.url}/${id}`, this.httpOptions)
+    }
+
+    updateUser(id: number): Observable<User> {
+        return this.http.put<User>(`${this.url}/${id}`, this.httpOptions)
+    }
+
+    deleteUser(id: number): Observable<boolean> {
+        return this.http.delete<boolean>(`${this.url}/${id}`, this.httpOptions)
+    }
+}
-- 
cgit v1.2.3