diff --git a/assets/charts.drawio b/assets/charts.drawio
new file mode 100644
index 0000000..36b47f4
--- /dev/null
+++ b/assets/charts.drawio
@@ -0,0 +1,57 @@
+<mxfile host="app.diagrams.net" modified="2024-05-15T20:13:03.638Z" agent="Mozilla/5.0 (X11; Linux x86_64; rv:125.0) Gecko/20100101 Firefox/125.0" etag="q-xCmgScwzkwE4Rt2CmD" version="24.4.2" type="device">
+  <diagram id="C5RBs43oDa-KdzZeNtuy" name="Page-1">
+    <mxGraphModel dx="759" dy="523" 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="WIyWlLk6GJQsqaUBKTNV-0" />
+        <mxCell id="WIyWlLk6GJQsqaUBKTNV-1" parent="WIyWlLk6GJQsqaUBKTNV-0" />
+        <mxCell id="bdKHNYuY0vCUqgqzpLNB-2" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;" edge="1" parent="WIyWlLk6GJQsqaUBKTNV-1" source="bdKHNYuY0vCUqgqzpLNB-0" target="bdKHNYuY0vCUqgqzpLNB-1">
+          <mxGeometry relative="1" as="geometry" />
+        </mxCell>
+        <mxCell id="bdKHNYuY0vCUqgqzpLNB-0" value="Inloggen WRB app" style="rounded=1;whiteSpace=wrap;html=1;" vertex="1" parent="WIyWlLk6GJQsqaUBKTNV-1">
+          <mxGeometry x="230" y="136" width="120" height="60" as="geometry" />
+        </mxCell>
+        <mxCell id="bdKHNYuY0vCUqgqzpLNB-4" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;" edge="1" parent="WIyWlLk6GJQsqaUBKTNV-1" source="bdKHNYuY0vCUqgqzpLNB-1" target="bdKHNYuY0vCUqgqzpLNB-3">
+          <mxGeometry relative="1" as="geometry" />
+        </mxCell>
+        <mxCell id="bdKHNYuY0vCUqgqzpLNB-5" value="Ja" style="edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];" vertex="1" connectable="0" parent="bdKHNYuY0vCUqgqzpLNB-4">
+          <mxGeometry x="-0.0323" relative="1" as="geometry">
+            <mxPoint y="-10" as="offset" />
+          </mxGeometry>
+        </mxCell>
+        <mxCell id="bdKHNYuY0vCUqgqzpLNB-7" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;" edge="1" parent="WIyWlLk6GJQsqaUBKTNV-1" source="bdKHNYuY0vCUqgqzpLNB-1" target="bdKHNYuY0vCUqgqzpLNB-6">
+          <mxGeometry relative="1" as="geometry" />
+        </mxCell>
+        <mxCell id="bdKHNYuY0vCUqgqzpLNB-8" value="Nee" style="edgeLabel;html=1;align=left;verticalAlign=middle;resizable=0;points=[];labelPosition=right;verticalLabelPosition=middle;" vertex="1" connectable="0" parent="bdKHNYuY0vCUqgqzpLNB-7">
+          <mxGeometry x="-0.2903" y="1" relative="1" as="geometry">
+            <mxPoint y="4" as="offset" />
+          </mxGeometry>
+        </mxCell>
+        <mxCell id="bdKHNYuY0vCUqgqzpLNB-1" value="Account?" style="rounded=1;whiteSpace=wrap;html=1;" vertex="1" parent="WIyWlLk6GJQsqaUBKTNV-1">
+          <mxGeometry x="230" y="236" width="120" height="60" as="geometry" />
+        </mxCell>
+        <mxCell id="bdKHNYuY0vCUqgqzpLNB-3" value="Login met bekende gegevens" style="rounded=1;whiteSpace=wrap;html=1;" vertex="1" parent="WIyWlLk6GJQsqaUBKTNV-1">
+          <mxGeometry x="414" y="236" width="120" height="60" as="geometry" />
+        </mxCell>
+        <mxCell id="bdKHNYuY0vCUqgqzpLNB-6" value="Account maken met unieke code" style="rounded=1;whiteSpace=wrap;html=1;" vertex="1" parent="WIyWlLk6GJQsqaUBKTNV-1">
+          <mxGeometry x="230" y="350" width="120" height="60" as="geometry" />
+        </mxCell>
+        <mxCell id="bdKHNYuY0vCUqgqzpLNB-15" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" edge="1" parent="WIyWlLk6GJQsqaUBKTNV-1" source="bdKHNYuY0vCUqgqzpLNB-14" target="bdKHNYuY0vCUqgqzpLNB-6">
+          <mxGeometry relative="1" as="geometry" />
+        </mxCell>
+        <mxCell id="bdKHNYuY0vCUqgqzpLNB-19" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;" edge="1" parent="WIyWlLk6GJQsqaUBKTNV-1" source="bdKHNYuY0vCUqgqzpLNB-14" target="bdKHNYuY0vCUqgqzpLNB-18">
+          <mxGeometry relative="1" as="geometry">
+            <Array as="points">
+              <mxPoint x="110" y="470" />
+            </Array>
+          </mxGeometry>
+        </mxCell>
+        <mxCell id="bdKHNYuY0vCUqgqzpLNB-14" value="&lt;div&gt;Unieke code per lid&lt;br&gt;&lt;/div&gt;" style="rounded=1;whiteSpace=wrap;html=1;" vertex="1" parent="WIyWlLk6GJQsqaUBKTNV-1">
+          <mxGeometry x="50" y="350" width="120" height="60" as="geometry" />
+        </mxCell>
+        <mxCell id="bdKHNYuY0vCUqgqzpLNB-18" value="Code toevoegen aan bestaand account" style="rounded=1;whiteSpace=wrap;html=1;" vertex="1" parent="WIyWlLk6GJQsqaUBKTNV-1">
+          <mxGeometry x="230" y="440" width="120" height="60" as="geometry" />
+        </mxCell>
+      </root>
+    </mxGraphModel>
+  </diagram>
+</mxfile>