<mxfile host="Electron" modified="2025-05-08T13:32:19.560Z" agent="Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) draw.io/21.2.8 Chrome/112.0.5615.165 Electron/24.2.0 Safari/537.36" etag="ecIWODqpqZqdrA67pGQi" version="21.2.8" type="device">
  <diagram name="Page-1" id="IKK_T9xlxNQRhuG3SPFj">
    <mxGraphModel dx="1588" dy="1826" 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" />
        <mxCell id="ezUQtmkowHBzzmjFZ8-E-1" value="&lt;font style=&quot;&quot;&gt;&lt;font style=&quot;font-size: 18px;&quot;&gt;Shop Frontend&lt;br&gt;[Container: Next]&lt;br&gt;&lt;br&gt;A web application built with Next.js that serves both customers and shop owners. Customers can browse or purchase products, while shop owners manage their store content through an admin interface.&lt;/font&gt;&lt;br&gt;&lt;/font&gt;" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
          <mxGeometry x="690" y="490" width="320" height="200" as="geometry" />
        </mxCell>
        <mxCell id="ezUQtmkowHBzzmjFZ8-E-2" value="" style="group" parent="1" vertex="1" connectable="0">
          <mxGeometry x="320" y="80" width="200" height="200" as="geometry" />
        </mxCell>
        <mxCell id="ezUQtmkowHBzzmjFZ8-E-3" value="&lt;font style=&quot;font-size: 18px;&quot;&gt;&lt;b&gt;Customer&lt;/b&gt;&lt;br&gt;[Person]&lt;br&gt;A customer of the website&lt;/font&gt;" style="rounded=1;whiteSpace=wrap;html=1;" parent="ezUQtmkowHBzzmjFZ8-E-2" vertex="1">
          <mxGeometry y="80" width="200" height="120" as="geometry" />
        </mxCell>
        <mxCell id="ezUQtmkowHBzzmjFZ8-E-4" value="" style="ellipse;whiteSpace=wrap;html=1;aspect=fixed;" parent="ezUQtmkowHBzzmjFZ8-E-2" vertex="1">
          <mxGeometry x="60" width="80" height="80" as="geometry" />
        </mxCell>
        <mxCell id="ezUQtmkowHBzzmjFZ8-E-5" value="" style="group" parent="1" vertex="1" connectable="0">
          <mxGeometry x="750" y="80" width="200" height="200" as="geometry" />
        </mxCell>
        <mxCell id="ezUQtmkowHBzzmjFZ8-E-6" value="&lt;font style=&quot;font-size: 18px;&quot;&gt;&lt;b&gt;Shop owner&lt;/b&gt;&lt;br&gt;[Person]&lt;br&gt;A person who owns the shop&lt;/font&gt;" style="rounded=1;whiteSpace=wrap;html=1;" parent="ezUQtmkowHBzzmjFZ8-E-5" vertex="1">
          <mxGeometry y="80" width="200" height="120" as="geometry" />
        </mxCell>
        <mxCell id="ezUQtmkowHBzzmjFZ8-E-7" value="" style="ellipse;whiteSpace=wrap;html=1;aspect=fixed;" parent="ezUQtmkowHBzzmjFZ8-E-5" vertex="1">
          <mxGeometry x="60" width="80" height="80" as="geometry" />
        </mxCell>
        <mxCell id="pYuJ8jEYbUhxv-GvT2NJ-15" value="&lt;font style=&quot;font-size: 18px;&quot;&gt;Makes Api calls to&lt;br&gt;[JSON/HTTPS]&lt;/font&gt;" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0.5;entryY=1;entryDx=0;entryDy=0;" edge="1" parent="1" source="ezUQtmkowHBzzmjFZ8-E-11" target="ezUQtmkowHBzzmjFZ8-E-1">
          <mxGeometry relative="1" as="geometry" />
        </mxCell>
        <mxCell id="ezUQtmkowHBzzmjFZ8-E-11" value="&lt;font style=&quot;&quot;&gt;&lt;font style=&quot;font-size: 18px;&quot;&gt;Shop Backend&lt;br&gt;[Container: FastApi Python]&lt;br&gt;A REST API built with FastAPI that handles business logic and data operations for the platform. It supports both the customer-facing and admin-facing frontend, managing products, users, subscriptions, and shop configurations.&lt;/font&gt;&lt;br&gt;&lt;/font&gt;" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
          <mxGeometry x="690" y="820" width="320" height="230" as="geometry" />
        </mxCell>
        <mxCell id="ezUQtmkowHBzzmjFZ8-E-18" value="" style="group" parent="1" vertex="1" connectable="0">
          <mxGeometry x="1160" y="80" width="200" height="200" as="geometry" />
        </mxCell>
        <mxCell id="ezUQtmkowHBzzmjFZ8-E-19" value="&lt;font style=&quot;font-size: 18px;&quot;&gt;&lt;b&gt;Admin&lt;br&gt;&lt;/b&gt;[Person]&lt;/font&gt;" style="rounded=1;whiteSpace=wrap;html=1;" parent="ezUQtmkowHBzzmjFZ8-E-18" vertex="1">
          <mxGeometry y="80" width="200" height="120" as="geometry" />
        </mxCell>
        <mxCell id="ezUQtmkowHBzzmjFZ8-E-20" value="" style="ellipse;whiteSpace=wrap;html=1;aspect=fixed;" parent="ezUQtmkowHBzzmjFZ8-E-18" vertex="1">
          <mxGeometry x="60" width="80" height="80" as="geometry" />
        </mxCell>
        <mxCell id="pYuJ8jEYbUhxv-GvT2NJ-3" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" edge="1" parent="1" source="ezUQtmkowHBzzmjFZ8-E-3" target="ezUQtmkowHBzzmjFZ8-E-1">
          <mxGeometry relative="1" as="geometry">
            <Array as="points">
              <mxPoint x="420" y="590" />
            </Array>
          </mxGeometry>
        </mxCell>
        <mxCell id="pYuJ8jEYbUhxv-GvT2NJ-4" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;entryX=1;entryY=0.5;entryDx=0;entryDy=0;" edge="1" parent="1" source="ezUQtmkowHBzzmjFZ8-E-19" target="ezUQtmkowHBzzmjFZ8-E-1">
          <mxGeometry relative="1" as="geometry" />
        </mxCell>
        <mxCell id="pYuJ8jEYbUhxv-GvT2NJ-5" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;entryX=0.5;entryY=0;entryDx=0;entryDy=0;" edge="1" parent="1" source="ezUQtmkowHBzzmjFZ8-E-6" target="ezUQtmkowHBzzmjFZ8-E-1">
          <mxGeometry relative="1" as="geometry" />
        </mxCell>
        <mxCell id="pYuJ8jEYbUhxv-GvT2NJ-6" value="&lt;font style=&quot;font-size: 18px;&quot;&gt;Shop editor can customize products, add producst, &lt;br&gt;depending on the subscription only in its own store&lt;/font&gt;" style="edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];" vertex="1" connectable="0" parent="1">
          <mxGeometry x="850" y="375" as="geometry" />
        </mxCell>
        <mxCell id="pYuJ8jEYbUhxv-GvT2NJ-7" value="&lt;font style=&quot;font-size: 18px;&quot;&gt;Can do everything a shop owner does and &lt;br&gt;also look at multiple stores.&lt;/font&gt;" style="edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];" vertex="1" connectable="0" parent="1">
          <mxGeometry x="1310" y="375" as="geometry" />
        </mxCell>
        <mxCell id="pYuJ8jEYbUhxv-GvT2NJ-8" value="&lt;font style=&quot;font-size: 18px;&quot;&gt;Customers can browse products,&lt;br&gt;search for products&lt;br&gt;and view producs and purchase them.&lt;/font&gt;" style="edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];" vertex="1" connectable="0" parent="1">
          <mxGeometry x="420" y="390" as="geometry" />
        </mxCell>
        <mxCell id="pYuJ8jEYbUhxv-GvT2NJ-9" value="" style="endArrow=none;dashed=1;html=1;dashPattern=1 3;strokeWidth=2;rounded=0;" edge="1" parent="1">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint x="1240" y="1160" as="sourcePoint" />
            <mxPoint x="1240" y="440" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="pYuJ8jEYbUhxv-GvT2NJ-10" value="" style="endArrow=none;dashed=1;html=1;dashPattern=1 3;strokeWidth=2;rounded=0;" edge="1" parent="1">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint x="480" y="440" as="sourcePoint" />
            <mxPoint x="1240" y="440" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="pYuJ8jEYbUhxv-GvT2NJ-11" value="" style="endArrow=none;dashed=1;html=1;dashPattern=1 3;strokeWidth=2;rounded=0;" edge="1" parent="1">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint x="480" y="1160" as="sourcePoint" />
            <mxPoint x="480" y="440" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="pYuJ8jEYbUhxv-GvT2NJ-12" value="" style="endArrow=none;dashed=1;html=1;dashPattern=1 3;strokeWidth=2;rounded=0;" edge="1" parent="1">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint x="480" y="1160" as="sourcePoint" />
            <mxPoint x="1240" y="1160" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="pYuJ8jEYbUhxv-GvT2NJ-13" value="&lt;font style=&quot;font-size: 24px;&quot;&gt;&lt;span style=&quot;color: rgb(240, 240, 240); font-family: Helvetica; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: center; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(42, 37, 47); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; float: none; display: inline !important;&quot;&gt;ShopVirge Platform&lt;/span&gt;&lt;br style=&quot;border-color: rgb(0, 0, 0); color: rgb(240, 240, 240); font-family: Helvetica; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: center; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(42, 37, 47); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;&quot;&gt;&lt;span style=&quot;color: rgb(240, 240, 240); font-family: Helvetica; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: center; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(42, 37, 47); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; float: none; display: inline !important;&quot;&gt;[Software System]&lt;/span&gt;&lt;/font&gt;" style="text;whiteSpace=wrap;html=1;" vertex="1" parent="1">
          <mxGeometry x="490" y="1080" width="330" height="70" as="geometry" />
        </mxCell>
      </root>
    </mxGraphModel>
  </diagram>
</mxfile>
