diff --git a/doku/AC_FavoriteShopList.drawio b/doku/AC_FavoriteShopList.drawio
new file mode 100644
index 0000000..c977977
--- /dev/null
+++ b/doku/AC_FavoriteShopList.drawio
@@ -0,0 +1,190 @@
+<mxfile host="app.diagrams.net" modified="2020-12-06T21:54:07.076Z" agent="5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/86.0.4240.198 Safari/537.36" etag="eUYNFtx8g7yoIU2ueGTq" version="13.10.9" type="github">
+  <diagram id="vU0a4XMVAzZGOWdaQMjT" name="Page-1">
+    <mxGraphModel dx="1745" dy="922" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="827" pageHeight="1169" math="0" shadow="0">
+      <root>
+        <mxCell id="0" />
+        <mxCell id="1" parent="0" />
+        <mxCell id="Hl9egU3SmJGG6HS5V9Vv-1" value="" style="ellipse;html=1;shape=startState;fillColor=#000000;strokeColor=#ff0000;" vertex="1" parent="1">
+          <mxGeometry x="210" y="80" width="30" height="30" as="geometry" />
+        </mxCell>
+        <mxCell id="Hl9egU3SmJGG6HS5V9Vv-2" value="" style="edgeStyle=orthogonalEdgeStyle;html=1;verticalAlign=bottom;endArrow=open;endSize=8;strokeColor=#ff0000;" edge="1" source="Hl9egU3SmJGG6HS5V9Vv-1" parent="1">
+          <mxGeometry relative="1" as="geometry">
+            <mxPoint x="225" y="170" as="targetPoint" />
+          </mxGeometry>
+        </mxCell>
+        <mxCell id="Hl9egU3SmJGG6HS5V9Vv-3" value="User goes to Landing Page" style="rounded=1;whiteSpace=wrap;html=1;arcSize=40;fontColor=#000000;fillColor=#ffffc0;strokeColor=#ff0000;" vertex="1" parent="1">
+          <mxGeometry x="165" y="170" width="120" height="40" as="geometry" />
+        </mxCell>
+        <mxCell id="Hl9egU3SmJGG6HS5V9Vv-4" value="" style="edgeStyle=orthogonalEdgeStyle;html=1;verticalAlign=bottom;endArrow=open;endSize=8;strokeColor=#ff0000;" edge="1" source="Hl9egU3SmJGG6HS5V9Vv-3" parent="1">
+          <mxGeometry relative="1" as="geometry">
+            <mxPoint x="225" y="270" as="targetPoint" />
+          </mxGeometry>
+        </mxCell>
+        <mxCell id="Hl9egU3SmJGG6HS5V9Vv-5" value="User searches for Product" style="rounded=1;whiteSpace=wrap;html=1;arcSize=40;fontColor=#000000;fillColor=#ffffc0;strokeColor=#ff0000;" vertex="1" parent="1">
+          <mxGeometry x="165" y="270" width="120" height="40" as="geometry" />
+        </mxCell>
+        <mxCell id="Hl9egU3SmJGG6HS5V9Vv-6" value="" style="edgeStyle=orthogonalEdgeStyle;html=1;verticalAlign=bottom;endArrow=open;endSize=8;strokeColor=#ff0000;" edge="1" source="Hl9egU3SmJGG6HS5V9Vv-5" parent="1">
+          <mxGeometry relative="1" as="geometry">
+            <mxPoint x="225" y="370" as="targetPoint" />
+          </mxGeometry>
+        </mxCell>
+        <mxCell id="Hl9egU3SmJGG6HS5V9Vv-7" value="User selects Product" style="rounded=1;whiteSpace=wrap;html=1;arcSize=40;fontColor=#000000;fillColor=#ffffc0;strokeColor=#ff0000;" vertex="1" parent="1">
+          <mxGeometry x="165" y="370" width="120" height="40" as="geometry" />
+        </mxCell>
+        <mxCell id="Hl9egU3SmJGG6HS5V9Vv-8" value="" style="edgeStyle=orthogonalEdgeStyle;html=1;verticalAlign=bottom;endArrow=open;endSize=8;strokeColor=#ff0000;" edge="1" source="Hl9egU3SmJGG6HS5V9Vv-7" parent="1">
+          <mxGeometry relative="1" as="geometry">
+            <mxPoint x="225" y="470" as="targetPoint" />
+          </mxGeometry>
+        </mxCell>
+        <mxCell id="Hl9egU3SmJGG6HS5V9Vv-11" value="User clicks on Vendor" style="rounded=1;whiteSpace=wrap;html=1;arcSize=40;fontColor=#000000;fillColor=#ffffc0;strokeColor=#ff0000;" vertex="1" parent="1">
+          <mxGeometry x="165" y="470" width="120" height="40" as="geometry" />
+        </mxCell>
+        <mxCell id="Hl9egU3SmJGG6HS5V9Vv-12" value="" style="edgeStyle=orthogonalEdgeStyle;html=1;verticalAlign=bottom;endArrow=open;endSize=8;strokeColor=#ff0000;" edge="1" source="Hl9egU3SmJGG6HS5V9Vv-11" parent="1">
+          <mxGeometry relative="1" as="geometry">
+            <mxPoint x="225" y="570" as="targetPoint" />
+          </mxGeometry>
+        </mxCell>
+        <mxCell id="Hl9egU3SmJGG6HS5V9Vv-13" value="User clicks on favorite Button" style="rounded=1;whiteSpace=wrap;html=1;arcSize=40;fontColor=#000000;fillColor=#ffffc0;strokeColor=#ff0000;" vertex="1" parent="1">
+          <mxGeometry x="165" y="570" width="120" height="40" as="geometry" />
+        </mxCell>
+        <mxCell id="Hl9egU3SmJGG6HS5V9Vv-14" value="" style="edgeStyle=orthogonalEdgeStyle;html=1;verticalAlign=bottom;endArrow=open;endSize=8;strokeColor=#ff0000;" edge="1" source="Hl9egU3SmJGG6HS5V9Vv-13" parent="1">
+          <mxGeometry relative="1" as="geometry">
+            <mxPoint x="225" y="670" as="targetPoint" />
+          </mxGeometry>
+        </mxCell>
+        <mxCell id="Hl9egU3SmJGG6HS5V9Vv-15" value="User is logged in?" style="rhombus;whiteSpace=wrap;html=1;fillColor=#ffffc0;strokeColor=#ff0000;" vertex="1" parent="1">
+          <mxGeometry x="170" y="670" width="110" height="70" as="geometry" />
+        </mxCell>
+        <mxCell id="Hl9egU3SmJGG6HS5V9Vv-16" value="no" style="edgeStyle=orthogonalEdgeStyle;html=1;align=left;verticalAlign=bottom;endArrow=open;endSize=8;strokeColor=#ff0000;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" edge="1" source="Hl9egU3SmJGG6HS5V9Vv-15" parent="1" target="Hl9egU3SmJGG6HS5V9Vv-18">
+          <mxGeometry x="-1" relative="1" as="geometry">
+            <mxPoint x="360" y="700" as="targetPoint" />
+          </mxGeometry>
+        </mxCell>
+        <mxCell id="Hl9egU3SmJGG6HS5V9Vv-17" value="yes" style="edgeStyle=orthogonalEdgeStyle;html=1;align=left;verticalAlign=top;endArrow=open;endSize=8;strokeColor=#ff0000;" edge="1" source="Hl9egU3SmJGG6HS5V9Vv-15" parent="1">
+          <mxGeometry x="-1" relative="1" as="geometry">
+            <mxPoint x="225" y="810" as="targetPoint" />
+            <Array as="points">
+              <mxPoint x="225" y="800" />
+            </Array>
+          </mxGeometry>
+        </mxCell>
+        <mxCell id="Hl9egU3SmJGG6HS5V9Vv-18" value="User can login" style="rounded=1;whiteSpace=wrap;html=1;arcSize=40;fontColor=#000000;fillColor=#ffffc0;strokeColor=#ff0000;" vertex="1" parent="1">
+          <mxGeometry x="360" y="685" width="120" height="40" as="geometry" />
+        </mxCell>
+        <mxCell id="Hl9egU3SmJGG6HS5V9Vv-19" value="" style="edgeStyle=orthogonalEdgeStyle;html=1;verticalAlign=bottom;endArrow=open;endSize=8;strokeColor=#ff0000;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0.75;entryY=0;entryDx=0;entryDy=0;" edge="1" source="Hl9egU3SmJGG6HS5V9Vv-18" parent="1" target="Hl9egU3SmJGG6HS5V9Vv-13">
+          <mxGeometry relative="1" as="geometry">
+            <mxPoint x="320" y="520" as="targetPoint" />
+            <Array as="points">
+              <mxPoint x="490" y="700" />
+              <mxPoint x="490" y="520" />
+              <mxPoint x="255" y="520" />
+            </Array>
+          </mxGeometry>
+        </mxCell>
+        <mxCell id="Hl9egU3SmJGG6HS5V9Vv-20" value="Vendor is added to List of Favorite Vendors" style="rounded=1;whiteSpace=wrap;html=1;arcSize=40;fontColor=#000000;fillColor=#ffffc0;strokeColor=#ff0000;" vertex="1" parent="1">
+          <mxGeometry x="165" y="810" width="120" height="40" as="geometry" />
+        </mxCell>
+        <mxCell id="Hl9egU3SmJGG6HS5V9Vv-21" value="" style="edgeStyle=orthogonalEdgeStyle;html=1;verticalAlign=bottom;endArrow=open;endSize=8;strokeColor=#ff0000;" edge="1" source="Hl9egU3SmJGG6HS5V9Vv-20" parent="1">
+          <mxGeometry relative="1" as="geometry">
+            <mxPoint x="247" y="170" as="targetPoint" />
+            <Array as="points">
+              <mxPoint x="225" y="910" />
+              <mxPoint x="510" y="910" />
+              <mxPoint x="510" y="120" />
+              <mxPoint x="247" y="120" />
+            </Array>
+          </mxGeometry>
+        </mxCell>
+        <mxCell id="Hl9egU3SmJGG6HS5V9Vv-22" value="User clicks on &lt;br&gt;Profile Icon" style="rounded=1;whiteSpace=wrap;html=1;arcSize=40;fontColor=#000000;fillColor=#ffffc0;strokeColor=#ff0000;" vertex="1" parent="1">
+          <mxGeometry x="-10" y="270" width="120" height="40" as="geometry" />
+        </mxCell>
+        <mxCell id="Hl9egU3SmJGG6HS5V9Vv-23" value="" style="edgeStyle=orthogonalEdgeStyle;html=1;verticalAlign=bottom;endArrow=open;endSize=8;strokeColor=#ff0000;" edge="1" source="Hl9egU3SmJGG6HS5V9Vv-22" parent="1">
+          <mxGeometry relative="1" as="geometry">
+            <mxPoint x="50" y="370" as="targetPoint" />
+          </mxGeometry>
+        </mxCell>
+        <mxCell id="Hl9egU3SmJGG6HS5V9Vv-25" value="" style="edgeStyle=orthogonalEdgeStyle;html=1;verticalAlign=bottom;endArrow=open;endSize=8;strokeColor=#ff0000;" edge="1" parent="1">
+          <mxGeometry relative="1" as="geometry">
+            <mxPoint x="50" y="270" as="targetPoint" />
+            <mxPoint x="220" y="210" as="sourcePoint" />
+            <Array as="points">
+              <mxPoint x="50" y="230" />
+              <mxPoint x="50" y="270" />
+            </Array>
+          </mxGeometry>
+        </mxCell>
+        <mxCell id="Hl9egU3SmJGG6HS5V9Vv-26" value="User is logged in?" style="rhombus;whiteSpace=wrap;html=1;fillColor=#ffffc0;strokeColor=#ff0000;" vertex="1" parent="1">
+          <mxGeometry x="-15" y="370" width="130" height="70" as="geometry" />
+        </mxCell>
+        <mxCell id="Hl9egU3SmJGG6HS5V9Vv-27" value="no" style="edgeStyle=orthogonalEdgeStyle;html=1;align=left;verticalAlign=bottom;endArrow=open;endSize=8;strokeColor=#ff0000;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0.5;entryY=1;entryDx=0;entryDy=0;" edge="1" source="Hl9egU3SmJGG6HS5V9Vv-26" parent="1" target="Hl9egU3SmJGG6HS5V9Vv-29">
+          <mxGeometry x="-1" relative="1" as="geometry">
+            <mxPoint x="130" y="365" as="targetPoint" />
+            <Array as="points">
+              <mxPoint x="130" y="405" />
+            </Array>
+          </mxGeometry>
+        </mxCell>
+        <mxCell id="Hl9egU3SmJGG6HS5V9Vv-28" value="yes" style="edgeStyle=orthogonalEdgeStyle;html=1;align=left;verticalAlign=top;endArrow=open;endSize=8;strokeColor=#ff0000;" edge="1" source="Hl9egU3SmJGG6HS5V9Vv-26" parent="1">
+          <mxGeometry x="-1" relative="1" as="geometry">
+            <mxPoint x="50" y="520" as="targetPoint" />
+          </mxGeometry>
+        </mxCell>
+        <mxCell id="Hl9egU3SmJGG6HS5V9Vv-29" value="User can login" style="rounded=1;whiteSpace=wrap;html=1;arcSize=40;fontColor=#000000;fillColor=#ffffc0;strokeColor=#ff0000;" vertex="1" parent="1">
+          <mxGeometry x="70" y="320" width="120" height="40" as="geometry" />
+        </mxCell>
+        <mxCell id="Hl9egU3SmJGG6HS5V9Vv-30" value="" style="edgeStyle=orthogonalEdgeStyle;html=1;verticalAlign=bottom;endArrow=open;endSize=8;strokeColor=#ff0000;exitX=0.5;exitY=0;exitDx=0;exitDy=0;" edge="1" source="Hl9egU3SmJGG6HS5V9Vv-29" parent="1">
+          <mxGeometry relative="1" as="geometry">
+            <mxPoint x="194" y="170" as="targetPoint" />
+            <Array as="points">
+              <mxPoint x="130" y="120" />
+              <mxPoint x="194" y="120" />
+            </Array>
+          </mxGeometry>
+        </mxCell>
+        <mxCell id="Hl9egU3SmJGG6HS5V9Vv-31" value="Profile Options are displayed" style="rounded=1;whiteSpace=wrap;html=1;arcSize=40;fontColor=#000000;fillColor=#ffffc0;strokeColor=#ff0000;" vertex="1" parent="1">
+          <mxGeometry x="-10" y="520" width="120" height="40" as="geometry" />
+        </mxCell>
+        <mxCell id="Hl9egU3SmJGG6HS5V9Vv-32" value="" style="edgeStyle=orthogonalEdgeStyle;html=1;verticalAlign=bottom;endArrow=open;endSize=8;strokeColor=#ff0000;" edge="1" source="Hl9egU3SmJGG6HS5V9Vv-31" parent="1">
+          <mxGeometry relative="1" as="geometry">
+            <mxPoint x="50" y="610" as="targetPoint" />
+          </mxGeometry>
+        </mxCell>
+        <mxCell id="Hl9egU3SmJGG6HS5V9Vv-33" value="User selects &quot;Favorite Vendors&quot;" style="rounded=1;whiteSpace=wrap;html=1;arcSize=40;fontColor=#000000;fillColor=#ffffc0;strokeColor=#ff0000;" vertex="1" parent="1">
+          <mxGeometry x="-10" y="610" width="120" height="40" as="geometry" />
+        </mxCell>
+        <mxCell id="Hl9egU3SmJGG6HS5V9Vv-34" value="" style="edgeStyle=orthogonalEdgeStyle;html=1;verticalAlign=bottom;endArrow=open;endSize=8;strokeColor=#ff0000;" edge="1" source="Hl9egU3SmJGG6HS5V9Vv-33" parent="1">
+          <mxGeometry relative="1" as="geometry">
+            <mxPoint x="50" y="710" as="targetPoint" />
+          </mxGeometry>
+        </mxCell>
+        <mxCell id="Hl9egU3SmJGG6HS5V9Vv-37" value="&quot;Favorite Vendors&quot; Page is displayed" style="rounded=1;whiteSpace=wrap;html=1;arcSize=40;fontColor=#000000;fillColor=#ffffc0;strokeColor=#ff0000;" vertex="1" parent="1">
+          <mxGeometry x="-10" y="710" width="120" height="40" as="geometry" />
+        </mxCell>
+        <mxCell id="Hl9egU3SmJGG6HS5V9Vv-38" value="" style="edgeStyle=orthogonalEdgeStyle;html=1;verticalAlign=bottom;endArrow=open;endSize=8;strokeColor=#ff0000;" edge="1" source="Hl9egU3SmJGG6HS5V9Vv-37" parent="1">
+          <mxGeometry relative="1" as="geometry">
+            <mxPoint x="50" y="810" as="targetPoint" />
+          </mxGeometry>
+        </mxCell>
+        <mxCell id="Hl9egU3SmJGG6HS5V9Vv-43" value="User can delete Favorite Vendors" style="rounded=1;whiteSpace=wrap;html=1;arcSize=40;fontColor=#000000;fillColor=#ffffc0;strokeColor=#ff0000;" vertex="1" parent="1">
+          <mxGeometry x="-10" y="810" width="120" height="40" as="geometry" />
+        </mxCell>
+        <mxCell id="Hl9egU3SmJGG6HS5V9Vv-44" value="" style="edgeStyle=orthogonalEdgeStyle;html=1;verticalAlign=bottom;endArrow=open;endSize=8;strokeColor=#ff0000;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" edge="1" source="Hl9egU3SmJGG6HS5V9Vv-43" parent="1" target="Hl9egU3SmJGG6HS5V9Vv-37">
+          <mxGeometry relative="1" as="geometry">
+            <mxPoint x="-40" y="700" as="targetPoint" />
+            <Array as="points">
+              <mxPoint x="50" y="895" />
+              <mxPoint x="-40" y="895" />
+              <mxPoint x="-40" y="730" />
+            </Array>
+          </mxGeometry>
+        </mxCell>
+        <mxCell id="Hl9egU3SmJGG6HS5V9Vv-49" value="" style="ellipse;html=1;shape=endState;fillColor=#000000;strokeColor=#ff0000;" vertex="1" parent="1">
+          <mxGeometry x="370" y="239" width="30" height="30" as="geometry" />
+        </mxCell>
+        <mxCell id="Hl9egU3SmJGG6HS5V9Vv-50" value="User can end Activity&#xa; at any time" style="text;align=center;fontStyle=1;verticalAlign=middle;spacingLeft=3;spacingRight=3;strokeColor=none;rotatable=0;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;" vertex="1" parent="1">
+          <mxGeometry x="320" y="270" width="130" height="26" as="geometry" />
+        </mxCell>
+      </root>
+    </mxGraphModel>
+  </diagram>
+</mxfile>