From 6c4c732a481b7bcb64e73c9aec1c079f338a9f88 Mon Sep 17 00:00:00 2001
From: Akash Keshav <112591754+domesticchores@users.noreply.github.com>
Date: Sun, 13 Apr 2025 16:00:18 -0400
Subject: updated architecture tiers and layers diagram

---
 docs/architecture-tiers-and-layers.drawio | 155 ++++++++++++++++++++----------
 docs/architecture-tiers-and-layers.png    | Bin 82794 -> 108890 bytes
 2 files changed, 106 insertions(+), 49 deletions(-)

diff --git a/docs/architecture-tiers-and-layers.drawio b/docs/architecture-tiers-and-layers.drawio
index f60cd70..e4420d7 100644
--- a/docs/architecture-tiers-and-layers.drawio
+++ b/docs/architecture-tiers-and-layers.drawio
@@ -1,6 +1,6 @@
-<mxfile host="app.diagrams.net" agent="Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:136.0) Gecko/20100101 Firefox/136.0" version="26.0.14">
+<mxfile host="app.diagrams.net" agent="Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:137.0) Gecko/20100101 Firefox/137.0" version="26.1.1">
   <diagram name="Page-1" id="P8hgUCnVgUD2r0shnHkA">
-    <mxGraphModel dx="1313" dy="673" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="850" pageHeight="1100" math="0" shadow="0">
+    <mxGraphModel dx="1105" dy="566" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="850" pageHeight="1100" math="0" shadow="0">
       <root>
         <mxCell id="0" />
         <mxCell id="1" parent="0" />
@@ -19,10 +19,10 @@
         <mxCell id="Ork7YycwdDH3GpRj4XOS-6" value="User" style="shape=umlActor;verticalLabelPosition=bottom;verticalAlign=top;html=1;outlineConnect=0;fillColor=#ffe6cc;strokeColor=#d79b00;" parent="1" vertex="1">
           <mxGeometry x="65" y="250" width="30" height="60" as="geometry" />
         </mxCell>
-        <mxCell id="Ork7YycwdDH3GpRj4XOS-7" value="&lt;div&gt;REST API&lt;/div&gt;&lt;div&gt;(CupboardController)&lt;/div&gt;" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#ffe6cc;strokeColor=#d79b00;" parent="1" vertex="1">
+        <mxCell id="Ork7YycwdDH3GpRj4XOS-7" value="REST API" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#ffe6cc;strokeColor=#d79b00;" parent="1" vertex="1">
           <mxGeometry x="300" y="270" width="115" height="50" as="geometry" />
         </mxCell>
-        <mxCell id="Ork7YycwdDH3GpRj4XOS-8" value="&lt;div&gt;Service&lt;/div&gt;" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#ffe6cc;strokeColor=#d79b00;" parent="1" vertex="1">
+        <mxCell id="Ork7YycwdDH3GpRj4XOS-8" value="Controller" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#ffe6cc;strokeColor=#d79b00;" parent="1" vertex="1">
           <mxGeometry x="435" y="270" width="80" height="50" as="geometry" />
         </mxCell>
         <mxCell id="Ork7YycwdDH3GpRj4XOS-9" value="" style="endArrow=classic;html=1;rounded=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;fillColor=#ffe6cc;strokeColor=#d79b00;" parent="1" target="Ork7YycwdDH3GpRj4XOS-5" edge="1">
@@ -58,7 +58,7 @@
         <mxCell id="Ork7YycwdDH3GpRj4XOS-17" value="Storage" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#ffe6cc;strokeColor=#d79b00;" parent="1" vertex="1">
           <mxGeometry x="980" y="270" width="100" height="50" as="geometry" />
         </mxCell>
-        <mxCell id="Ork7YycwdDH3GpRj4XOS-19" value="" style="endArrow=classic;html=1;rounded=0;exitX=0.5;exitY=1;exitDx=0;exitDy=0;fillColor=#dae8fc;strokeColor=#6c8ebf;" parent="1" source="Ork7YycwdDH3GpRj4XOS-5" edge="1">
+        <mxCell id="Ork7YycwdDH3GpRj4XOS-19" value="" style="endArrow=classic;html=1;rounded=0;exitX=0.5;exitY=1;exitDx=0;exitDy=0;fillColor=#dae8fc;strokeColor=#6c8ebf;entryX=0.5;entryY=0;entryDx=0;entryDy=0;" parent="1" source="Ork7YycwdDH3GpRj4XOS-5" edge="1" target="r_tG-V3_-HHr3dExdNTU-18">
           <mxGeometry width="50" height="50" relative="1" as="geometry">
             <mxPoint x="195" y="440" as="sourcePoint" />
             <mxPoint x="185" y="380" as="targetPoint" />
@@ -100,18 +100,15 @@
             <mxPoint x="739.5699999999999" y="380" as="targetPoint" />
           </mxGeometry>
         </mxCell>
-        <mxCell id="Ork7YycwdDH3GpRj4XOS-35" value="" style="endArrow=classic;html=1;rounded=0;exitX=0.5;exitY=1;exitDx=0;exitDy=0;fillColor=#dae8fc;strokeColor=#6c8ebf;" parent="1" edge="1">
+        <mxCell id="Ork7YycwdDH3GpRj4XOS-35" value="" style="endArrow=classic;html=1;rounded=0;exitX=0.5;exitY=1;exitDx=0;exitDy=0;fillColor=#dae8fc;strokeColor=#6c8ebf;entryX=0.5;entryY=0;entryDx=0;entryDy=0;" parent="1" edge="1" target="Ork7YycwdDH3GpRj4XOS-56">
           <mxGeometry width="50" height="50" relative="1" as="geometry">
             <mxPoint x="859.76" y="320" as="sourcePoint" />
-            <mxPoint x="859.5699999999999" y="380" as="targetPoint" />
+            <mxPoint x="860" y="350" as="targetPoint" />
           </mxGeometry>
         </mxCell>
         <mxCell id="Ork7YycwdDH3GpRj4XOS-36" value="Usage" style="text;html=1;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
           <mxGeometry x="50" y="390" width="60" height="30" as="geometry" />
         </mxCell>
-        <mxCell id="Ork7YycwdDH3GpRj4XOS-38" value="TBD" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#f8cecc;strokeColor=#b85450;" parent="1" vertex="1">
-          <mxGeometry x="135" y="380" width="100" height="40" as="geometry" />
-        </mxCell>
         <mxCell id="Ork7YycwdDH3GpRj4XOS-39" value="SpringBoot" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#b0e3e6;strokeColor=#0e8088;" parent="1" vertex="1">
           <mxGeometry x="307.5" y="380" width="100" height="40" as="geometry" />
         </mxCell>
@@ -130,16 +127,16 @@
         <mxCell id="Ork7YycwdDH3GpRj4XOS-46" value="OS" style="text;html=1;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
           <mxGeometry x="670" y="125" width="60" height="30" as="geometry" />
         </mxCell>
-        <mxCell id="Ork7YycwdDH3GpRj4XOS-48" value="Need" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#fad7ac;strokeColor=#b46504;" parent="1" vertex="1">
+        <mxCell id="Ork7YycwdDH3GpRj4XOS-48" value="User" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#fad7ac;strokeColor=#b46504;" parent="1" vertex="1">
           <mxGeometry x="690" y="380" width="100" height="20" as="geometry" />
         </mxCell>
-        <mxCell id="Ork7YycwdDH3GpRj4XOS-56" value="DAO" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#fad7ac;strokeColor=#b46504;" parent="1" vertex="1">
-          <mxGeometry x="810" y="380" width="100" height="20" as="geometry" />
+        <mxCell id="Ork7YycwdDH3GpRj4XOS-56" value="CupboardDAO" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#fad7ac;strokeColor=#b46504;" parent="1" vertex="1">
+          <mxGeometry x="810" y="359" width="100" height="20" as="geometry" />
         </mxCell>
-        <mxCell id="Ork7YycwdDH3GpRj4XOS-58" value="FileDAO" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#fad7ac;strokeColor=#b46504;" parent="1" vertex="1">
-          <mxGeometry x="810" y="400" width="100" height="20" as="geometry" />
+        <mxCell id="Ork7YycwdDH3GpRj4XOS-58" value="CupboardFileDAO" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#fad7ac;strokeColor=#b46504;" parent="1" vertex="1">
+          <mxGeometry x="810" y="379" width="100" height="20" as="geometry" />
         </mxCell>
-        <mxCell id="Ork7YycwdDH3GpRj4XOS-60" value="Controller" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#ffe6cc;strokeColor=#d79b00;" parent="1" vertex="1">
+        <mxCell id="Ork7YycwdDH3GpRj4XOS-60" value="Service" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#ffe6cc;strokeColor=#d79b00;" parent="1" vertex="1">
           <mxGeometry x="530" y="270" width="100" height="50" as="geometry" />
         </mxCell>
         <mxCell id="Ork7YycwdDH3GpRj4XOS-63" value="" style="endArrow=classic;html=1;rounded=0;fillColor=#ffe6cc;strokeColor=#d79b00;entryX=0;entryY=0.5;entryDx=0;entryDy=0;exitX=1;exitY=0.5;exitDx=0;exitDy=0;" parent="1" source="Ork7YycwdDH3GpRj4XOS-14" target="Ork7YycwdDH3GpRj4XOS-17" edge="1">
@@ -151,92 +148,152 @@
         <mxCell id="Ork7YycwdDH3GpRj4XOS-18" value="&lt;div&gt;File&lt;/div&gt;&lt;div&gt;I/O&lt;/div&gt;" style="text;html=1;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
           <mxGeometry x="920" y="280" width="60" height="30" as="geometry" />
         </mxCell>
-        <mxCell id="Ork7YycwdDH3GpRj4XOS-69" value="" style="endArrow=classic;html=1;rounded=0;exitX=0.5;exitY=1;exitDx=0;exitDy=0;fillColor=#dae8fc;strokeColor=#6c8ebf;" parent="1" edge="1">
+        <mxCell id="Ork7YycwdDH3GpRj4XOS-69" value="" style="endArrow=classic;html=1;rounded=0;exitX=0.5;exitY=1;exitDx=0;exitDy=0;fillColor=#dae8fc;strokeColor=#6c8ebf;entryX=0.5;entryY=0;entryDx=0;entryDy=0;" parent="1" edge="1" target="52uoB4Gf5a0lLT2oJs9e-5">
           <mxGeometry width="50" height="50" relative="1" as="geometry">
             <mxPoint x="579.76" y="320" as="sourcePoint" />
-            <mxPoint x="579.5699999999999" y="380" as="targetPoint" />
+            <mxPoint x="580" y="360" as="targetPoint" />
           </mxGeometry>
         </mxCell>
-        <mxCell id="Ork7YycwdDH3GpRj4XOS-70" value="&lt;div&gt;Cupboard&lt;/div&gt;&lt;div&gt;Controller&lt;/div&gt;" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#fad7ac;strokeColor=#b46504;" parent="1" vertex="1">
-          <mxGeometry x="530" y="380" width="100" height="30" as="geometry" />
+        <mxCell id="Ork7YycwdDH3GpRj4XOS-70" value="UserController" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#fad7ac;strokeColor=#b46504;" parent="1" vertex="1">
+          <mxGeometry x="430" y="380" width="90" height="20" as="geometry" />
         </mxCell>
         <mxCell id="Ork7YycwdDH3GpRj4XOS-74" value="Any Modern Browser" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#dae8fc;strokeColor=#6c8ebf;" parent="1" vertex="1">
-          <mxGeometry x="135" y="480" width="100" height="40" as="geometry" />
+          <mxGeometry x="135" y="580" width="100" height="40" as="geometry" />
         </mxCell>
         <mxCell id="Ork7YycwdDH3GpRj4XOS-76" value="" style="endArrow=classic;html=1;rounded=0;exitX=0.5;exitY=1;exitDx=0;exitDy=0;fillColor=#dae8fc;strokeColor=#6c8ebf;" parent="1" edge="1">
           <mxGeometry width="50" height="50" relative="1" as="geometry">
-            <mxPoint x="184.47" y="420" as="sourcePoint" />
-            <mxPoint x="184.47" y="480" as="targetPoint" />
+            <mxPoint x="184.47" y="520" as="sourcePoint" />
+            <mxPoint x="184.47" y="580" as="targetPoint" />
           </mxGeometry>
         </mxCell>
-        <mxCell id="Ork7YycwdDH3GpRj4XOS-77" value="" style="endArrow=classic;html=1;rounded=0;exitX=0.5;exitY=1;exitDx=0;exitDy=0;fillColor=#dae8fc;strokeColor=#6c8ebf;" parent="1" edge="1">
+        <mxCell id="Ork7YycwdDH3GpRj4XOS-77" value="" style="endArrow=classic;html=1;rounded=0;exitX=0.5;exitY=1;exitDx=0;exitDy=0;fillColor=#dae8fc;strokeColor=#6c8ebf;entryX=0.08;entryY=-0.027;entryDx=0;entryDy=0;entryPerimeter=0;" parent="1" edge="1" target="Ork7YycwdDH3GpRj4XOS-83">
           <mxGeometry width="50" height="50" relative="1" as="geometry">
             <mxPoint x="356.19" y="420" as="sourcePoint" />
             <mxPoint x="356" y="480" as="targetPoint" />
           </mxGeometry>
         </mxCell>
-        <mxCell id="Ork7YycwdDH3GpRj4XOS-78" value="" style="endArrow=classic;html=1;rounded=0;exitX=0.5;exitY=1;exitDx=0;exitDy=0;fillColor=#dae8fc;strokeColor=#6c8ebf;" parent="1" edge="1">
+        <mxCell id="Ork7YycwdDH3GpRj4XOS-78" value="" style="endArrow=classic;html=1;rounded=0;fillColor=#dae8fc;strokeColor=#6c8ebf;exitX=0.5;exitY=1;exitDx=0;exitDy=0;" parent="1" edge="1" source="r_tG-V3_-HHr3dExdNTU-4">
           <mxGeometry width="50" height="50" relative="1" as="geometry">
-            <mxPoint x="1028.5700000000002" y="420" as="sourcePoint" />
+            <mxPoint x="1029" y="460" as="sourcePoint" />
             <mxPoint x="1029" y="480" as="targetPoint" />
           </mxGeometry>
         </mxCell>
-        <mxCell id="Ork7YycwdDH3GpRj4XOS-79" value="" style="endArrow=classic;html=1;rounded=0;fillColor=#dae8fc;strokeColor=#6c8ebf;" parent="1" edge="1">
+        <mxCell id="Ork7YycwdDH3GpRj4XOS-79" value="" style="endArrow=classic;html=1;rounded=0;fillColor=#dae8fc;strokeColor=#6c8ebf;entryX=0.276;entryY=0.013;entryDx=0;entryDy=0;entryPerimeter=0;" parent="1" edge="1" target="Ork7YycwdDH3GpRj4XOS-83">
           <mxGeometry width="50" height="50" relative="1" as="geometry">
             <mxPoint x="474" y="440" as="sourcePoint" />
             <mxPoint x="473.57" y="480" as="targetPoint" />
           </mxGeometry>
         </mxCell>
-        <mxCell id="Ork7YycwdDH3GpRj4XOS-80" value="" style="endArrow=classic;html=1;rounded=0;exitX=0.5;exitY=1;exitDx=0;exitDy=0;fillColor=#dae8fc;strokeColor=#6c8ebf;" parent="1" edge="1" source="Ork7YycwdDH3GpRj4XOS-48">
+        <mxCell id="Ork7YycwdDH3GpRj4XOS-80" value="" style="endArrow=classic;html=1;rounded=0;fillColor=#dae8fc;strokeColor=#6c8ebf;entryX=0.715;entryY=0.003;entryDx=0;entryDy=0;entryPerimeter=0;" parent="1" edge="1" target="Ork7YycwdDH3GpRj4XOS-83">
           <mxGeometry width="50" height="50" relative="1" as="geometry">
-            <mxPoint x="738.76" y="420" as="sourcePoint" />
+            <mxPoint x="739" y="440" as="sourcePoint" />
             <mxPoint x="738.5699999999999" y="480" as="targetPoint" />
           </mxGeometry>
         </mxCell>
-        <mxCell id="Ork7YycwdDH3GpRj4XOS-81" value="" style="endArrow=classic;html=1;rounded=0;exitX=0.5;exitY=1;exitDx=0;exitDy=0;fillColor=#dae8fc;strokeColor=#6c8ebf;" parent="1" edge="1">
-          <mxGeometry width="50" height="50" relative="1" as="geometry">
-            <mxPoint x="858.76" y="420" as="sourcePoint" />
-            <mxPoint x="858.5699999999999" y="480" as="targetPoint" />
-          </mxGeometry>
-        </mxCell>
-        <mxCell id="Ork7YycwdDH3GpRj4XOS-82" value="" style="endArrow=classic;html=1;rounded=0;exitX=0.5;exitY=1;exitDx=0;exitDy=0;fillColor=#dae8fc;strokeColor=#6c8ebf;" parent="1" edge="1" source="Ork7YycwdDH3GpRj4XOS-70">
+        <mxCell id="Ork7YycwdDH3GpRj4XOS-81" value="" style="endArrow=classic;html=1;rounded=0;fillColor=#dae8fc;strokeColor=#6c8ebf;entryX=0.915;entryY=0;entryDx=0;entryDy=0;entryPerimeter=0;" parent="1" edge="1" target="Ork7YycwdDH3GpRj4XOS-83">
           <mxGeometry width="50" height="50" relative="1" as="geometry">
-            <mxPoint x="578.76" y="420" as="sourcePoint" />
-            <mxPoint x="578.5699999999999" y="480" as="targetPoint" />
+            <mxPoint x="859" y="470" as="sourcePoint" />
+            <mxPoint x="858.5699999999999" y="490" as="targetPoint" />
           </mxGeometry>
         </mxCell>
         <mxCell id="Ork7YycwdDH3GpRj4XOS-83" value="Any Modern Operating System" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#dae8fc;strokeColor=#6c8ebf;" parent="1" vertex="1">
-          <mxGeometry x="307.5" y="480" width="602.5" height="40" as="geometry" />
+          <mxGeometry x="307.5" y="500" width="602.5" height="40" as="geometry" />
         </mxCell>
         <mxCell id="Ork7YycwdDH3GpRj4XOS-84" value="Any Modern Operating System" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#dae8fc;strokeColor=#6c8ebf;" parent="1" vertex="1">
           <mxGeometry x="980" y="480" width="100" height="40" as="geometry" />
         </mxCell>
-        <mxCell id="52uoB4Gf5a0lLT2oJs9e-1" value="" style="endArrow=classic;html=1;rounded=0;fillColor=#ffe6cc;strokeColor=#d79b00;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" edge="1" parent="1" source="Ork7YycwdDH3GpRj4XOS-60" target="Ork7YycwdDH3GpRj4XOS-13">
+        <mxCell id="52uoB4Gf5a0lLT2oJs9e-1" value="" style="endArrow=classic;html=1;rounded=0;fillColor=#ffe6cc;strokeColor=#d79b00;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" parent="1" source="Ork7YycwdDH3GpRj4XOS-60" target="Ork7YycwdDH3GpRj4XOS-13" edge="1">
           <mxGeometry width="50" height="50" relative="1" as="geometry">
             <mxPoint x="800" y="305" as="sourcePoint" />
             <mxPoint x="820" y="305" as="targetPoint" />
           </mxGeometry>
         </mxCell>
-        <mxCell id="52uoB4Gf5a0lLT2oJs9e-2" value="" style="endArrow=classic;html=1;rounded=0;fillColor=#ffe6cc;strokeColor=#d79b00;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" edge="1" parent="1" source="Ork7YycwdDH3GpRj4XOS-8" target="Ork7YycwdDH3GpRj4XOS-60">
+        <mxCell id="52uoB4Gf5a0lLT2oJs9e-2" value="" style="endArrow=classic;html=1;rounded=0;fillColor=#ffe6cc;strokeColor=#d79b00;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" parent="1" source="Ork7YycwdDH3GpRj4XOS-8" target="Ork7YycwdDH3GpRj4XOS-60" edge="1">
           <mxGeometry width="50" height="50" relative="1" as="geometry">
             <mxPoint x="810" y="315" as="sourcePoint" />
             <mxPoint x="830" y="315" as="targetPoint" />
           </mxGeometry>
         </mxCell>
-        <mxCell id="52uoB4Gf5a0lLT2oJs9e-3" value="Cupboard.json" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#f5f5f5;strokeColor=#666666;fontColor=#333333;" vertex="1" parent="1">
+        <mxCell id="52uoB4Gf5a0lLT2oJs9e-3" value="Cupboard.json" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#f5f5f5;strokeColor=#666666;fontColor=#333333;" parent="1" vertex="1">
           <mxGeometry x="980" y="380" width="100" height="20" as="geometry" />
         </mxCell>
-        <mxCell id="52uoB4Gf5a0lLT2oJs9e-4" value="User.json" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#f5f5f5;strokeColor=#666666;fontColor=#333333;" vertex="1" parent="1">
+        <mxCell id="52uoB4Gf5a0lLT2oJs9e-4" value="User.json" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#f5f5f5;strokeColor=#666666;fontColor=#333333;" parent="1" vertex="1">
           <mxGeometry x="980" y="400" width="100" height="20" as="geometry" />
         </mxCell>
-        <mxCell id="52uoB4Gf5a0lLT2oJs9e-5" value="UserService" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#f8cecc;strokeColor=#b85450;" vertex="1" parent="1">
-          <mxGeometry x="425" y="380" width="100" height="20" as="geometry" />
+        <mxCell id="52uoB4Gf5a0lLT2oJs9e-5" value="UserService" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#f8cecc;strokeColor=#b85450;" parent="1" vertex="1">
+          <mxGeometry x="530" y="380" width="100" height="20" as="geometry" />
+        </mxCell>
+        <mxCell id="52uoB4Gf5a0lLT2oJs9e-6" value="CupboardService" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#f8cecc;strokeColor=#b85450;" parent="1" vertex="1">
+          <mxGeometry x="530" y="400" width="100" height="20" as="geometry" />
+        </mxCell>
+        <mxCell id="52uoB4Gf5a0lLT2oJs9e-7" value="AuthService" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#f8cecc;strokeColor=#b85450;" parent="1" vertex="1">
+          <mxGeometry x="530" y="420" width="100" height="20" as="geometry" />
+        </mxCell>
+        <mxCell id="r_tG-V3_-HHr3dExdNTU-1" value="&lt;font style=&quot;font-size: 10px;&quot;&gt;CupboardController&lt;/font&gt;" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#fad7ac;strokeColor=#b46504;" vertex="1" parent="1">
+          <mxGeometry x="430" y="400" width="90" height="20" as="geometry" />
+        </mxCell>
+        <mxCell id="r_tG-V3_-HHr3dExdNTU-3" value="AuthController" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#fad7ac;strokeColor=#b46504;" vertex="1" parent="1">
+          <mxGeometry x="430" y="420" width="90" height="20" as="geometry" />
+        </mxCell>
+        <mxCell id="r_tG-V3_-HHr3dExdNTU-4" value="UserAuth.json" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#f5f5f5;strokeColor=#666666;fontColor=#333333;" vertex="1" parent="1">
+          <mxGeometry x="980" y="420" width="100" height="20" as="geometry" />
+        </mxCell>
+        <mxCell id="r_tG-V3_-HHr3dExdNTU-6" value="Need" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#fad7ac;strokeColor=#b46504;" vertex="1" parent="1">
+          <mxGeometry x="690" y="400" width="100" height="20" as="geometry" />
+        </mxCell>
+        <mxCell id="r_tG-V3_-HHr3dExdNTU-9" value="UserAuth" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#fad7ac;strokeColor=#b46504;" vertex="1" parent="1">
+          <mxGeometry x="690" y="420" width="100" height="20" as="geometry" />
+        </mxCell>
+        <mxCell id="r_tG-V3_-HHr3dExdNTU-10" value="UserAuthDAO" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#fad7ac;strokeColor=#b46504;" vertex="1" parent="1">
+          <mxGeometry x="810" y="399" width="100" height="20" as="geometry" />
+        </mxCell>
+        <mxCell id="r_tG-V3_-HHr3dExdNTU-11" value="UserAuthFileDAO" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#fad7ac;strokeColor=#b46504;" vertex="1" parent="1">
+          <mxGeometry x="810" y="419" width="100" height="20" as="geometry" />
+        </mxCell>
+        <mxCell id="r_tG-V3_-HHr3dExdNTU-12" value="UserDAO" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#fad7ac;strokeColor=#b46504;" vertex="1" parent="1">
+          <mxGeometry x="810" y="439" width="100" height="20" as="geometry" />
+        </mxCell>
+        <mxCell id="r_tG-V3_-HHr3dExdNTU-13" value="UserFileDAO" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#fad7ac;strokeColor=#b46504;" vertex="1" parent="1">
+          <mxGeometry x="810" y="459" width="100" height="20" as="geometry" />
+        </mxCell>
+        <mxCell id="r_tG-V3_-HHr3dExdNTU-14" value="" style="endArrow=classic;html=1;rounded=0;fillColor=#dae8fc;strokeColor=#6c8ebf;entryX=0.276;entryY=0.013;entryDx=0;entryDy=0;entryPerimeter=0;exitX=0.476;exitY=1.167;exitDx=0;exitDy=0;exitPerimeter=0;" edge="1" parent="1" source="52uoB4Gf5a0lLT2oJs9e-7">
+          <mxGeometry width="50" height="50" relative="1" as="geometry">
+            <mxPoint x="578" y="450" as="sourcePoint" />
+            <mxPoint x="578" y="500" as="targetPoint" />
+          </mxGeometry>
+        </mxCell>
+        <mxCell id="r_tG-V3_-HHr3dExdNTU-18" value="CupboardPage" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#f8cecc;strokeColor=#b85450;" vertex="1" parent="1">
+          <mxGeometry x="135" y="345" width="100" height="20" as="geometry" />
+        </mxCell>
+        <mxCell id="r_tG-V3_-HHr3dExdNTU-19" value="DashboardPage" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#f8cecc;strokeColor=#b85450;" vertex="1" parent="1">
+          <mxGeometry x="135" y="365" width="100" height="20" as="geometry" />
+        </mxCell>
+        <mxCell id="r_tG-V3_-HHr3dExdNTU-20" value="&lt;font style=&quot;font-size: 11px;&quot;&gt;FundingBasketPage&lt;/font&gt;" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#f8cecc;strokeColor=#b85450;" vertex="1" parent="1">
+          <mxGeometry x="135" y="385" width="100" height="20" as="geometry" />
+        </mxCell>
+        <mxCell id="r_tG-V3_-HHr3dExdNTU-21" value="HomePage" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#f8cecc;strokeColor=#b85450;" vertex="1" parent="1">
+          <mxGeometry x="135" y="405" width="100" height="20" as="geometry" />
+        </mxCell>
+        <mxCell id="r_tG-V3_-HHr3dExdNTU-22" value="LoginPage" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#f8cecc;strokeColor=#b85450;" vertex="1" parent="1">
+          <mxGeometry x="135" y="425" width="100" height="20" as="geometry" />
+        </mxCell>
+        <mxCell id="r_tG-V3_-HHr3dExdNTU-23" value="&lt;font style=&quot;font-size: 10px;&quot;&gt;MiniNeedComponent&lt;/font&gt;" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#f8cecc;strokeColor=#b85450;" vertex="1" parent="1">
+          <mxGeometry x="135" y="445" width="100" height="20" as="geometry" />
+        </mxCell>
+        <mxCell id="r_tG-V3_-HHr3dExdNTU-24" value="&lt;font style=&quot;font-size: 10px;&quot;&gt;NeedEditComponent&lt;/font&gt;" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#f8cecc;strokeColor=#b85450;" vertex="1" parent="1">
+          <mxGeometry x="135" y="465" width="100" height="20" as="geometry" />
+        </mxCell>
+        <mxCell id="r_tG-V3_-HHr3dExdNTU-26" value="&lt;font style=&quot;font-size: 10px;&quot;&gt;NeedListComponent&lt;/font&gt;" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#f8cecc;strokeColor=#b85450;" vertex="1" parent="1">
+          <mxGeometry x="135" y="485" width="100" height="20" as="geometry" />
+        </mxCell>
+        <mxCell id="r_tG-V3_-HHr3dExdNTU-27" value="NeedPage" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#f8cecc;strokeColor=#b85450;" vertex="1" parent="1">
+          <mxGeometry x="135" y="505" width="100" height="20" as="geometry" />
         </mxCell>
-        <mxCell id="52uoB4Gf5a0lLT2oJs9e-6" value="CupboardService" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#f8cecc;strokeColor=#b85450;" vertex="1" parent="1">
-          <mxGeometry x="425" y="400" width="100" height="20" as="geometry" />
+        <mxCell id="r_tG-V3_-HHr3dExdNTU-28" value="SignupPage" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#f8cecc;strokeColor=#b85450;" vertex="1" parent="1">
+          <mxGeometry x="135" y="525" width="100" height="20" as="geometry" />
         </mxCell>
-        <mxCell id="52uoB4Gf5a0lLT2oJs9e-7" value="AuthService" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#f8cecc;strokeColor=#b85450;" vertex="1" parent="1">
-          <mxGeometry x="425" y="420" width="100" height="20" as="geometry" />
+        <mxCell id="r_tG-V3_-HHr3dExdNTU-29" value="ToastComponent" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#f8cecc;strokeColor=#b85450;" vertex="1" parent="1">
+          <mxGeometry x="135" y="545" width="100" height="20" as="geometry" />
         </mxCell>
       </root>
     </mxGraphModel>
diff --git a/docs/architecture-tiers-and-layers.png b/docs/architecture-tiers-and-layers.png
index 4d0bdae..3384161 100644
Binary files a/docs/architecture-tiers-and-layers.png and b/docs/architecture-tiers-and-layers.png differ
-- 
cgit v1.2.3