forked from Pink-FairyArmadillos/Locked-Out
-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathapp-flow.drawio
87 lines (87 loc) · 7.11 KB
/
app-flow.drawio
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
<mxfile host="65bd71144e">
<diagram id="ZhE_lONyFUbL4T8xMJvC" name="Page-1">
<mxGraphModel dx="794" dy="249" 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="4" value="" style="edgeStyle=none;html=1;" edge="1" parent="1" source="2" target="3">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="15" value="" style="edgeStyle=none;html=1;" edge="1" parent="1" target="5">
<mxGeometry relative="1" as="geometry">
<mxPoint x="300" y="70" as="sourcePoint"/>
</mxGeometry>
</mxCell>
<mxCell id="2" value="Node:3000" style="rounded=1;whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry x="30" y="10" width="120" height="60" as="geometry"/>
</mxCell>
<mxCell id="3" value="Express:8081" style="whiteSpace=wrap;html=1;rounded=1;" vertex="1" parent="1">
<mxGeometry x="230" y="10" width="120" height="60" as="geometry"/>
</mxCell>
<mxCell id="8" value="" style="edgeStyle=none;html=1;" edge="1" parent="1" source="5" target="7">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="5" value="build/index.js" style="whiteSpace=wrap;html=1;rounded=1;" vertex="1" parent="1">
<mxGeometry x="240" y="90" width="120" height="60" as="geometry"/>
</mxCell>
<mxCell id="7" value="App --&gt; index.html" style="whiteSpace=wrap;html=1;rounded=1;" vertex="1" parent="1">
<mxGeometry x="240" y="170" width="120" height="60" as="geometry"/>
</mxCell>
<mxCell id="11" value="" style="edgeStyle=none;html=1;" edge="1" parent="1" source="9" target="10">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="18" value="" style="edgeStyle=none;html=1;" edge="1" parent="1" source="9" target="16">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="9" value="App.jsx" style="rounded=1;whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry x="230" y="280" width="120" height="60" as="geometry"/>
</mxCell>
<mxCell id="10" value="CreateEntry" style="whiteSpace=wrap;html=1;rounded=1;" vertex="1" parent="1">
<mxGeometry x="430" y="230" width="120" height="60" as="geometry"/>
</mxCell>
<mxCell id="14" value="" style="edgeStyle=none;html=1;" edge="1" parent="1" source="12" target="13">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="12" value="server.js" style="rounded=1;whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry x="130" y="410" width="120" height="60" as="geometry"/>
</mxCell>
<mxCell id="13" value="controllers (???)<br>endpoints for diff functionality ???" style="whiteSpace=wrap;html=1;rounded=1;" vertex="1" parent="1">
<mxGeometry x="280" y="410" width="120" height="60" as="geometry"/>
</mxCell>
<mxCell id="16" value="CreateUser" style="rounded=1;whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry x="430" y="310" width="120" height="60" as="geometry"/>
</mxCell>
<mxCell id="20" value="" style="edgeStyle=none;html=1;" edge="1" parent="1" source="19" target="12">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="19" value="fetch" style="triangle;whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry x="40" y="400" width="60" height="80" as="geometry"/>
</mxCell>
<mxCell id="21" value="- Manage state<br>- Component functionality<br><div><span>- Route to endpoiints<br>- UI/UX</span></div>" style="text;html=1;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;whiteSpace=wrap;rounded=0;" vertex="1" parent="1">
<mxGeometry x="590" y="230" width="160" height="80" as="geometry"/>
</mxCell>
<mxCell id="23" value="<div style="text-align: left"><span>Component List:</span></div><span><div style="text-align: left"><span>- fgrge</span></div><div style="text-align: left"><span>- dfgfdg</span></div><div style="text-align: left"><span>- fdgfs</span></div><div style="text-align: left"><span><br></span></div></span>" style="text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;" vertex="1" parent="1">
<mxGeometry x="580" y="40" width="100" height="70" as="geometry"/>
</mxCell>
<mxCell id="24" value="Green" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry x="70" y="570" width="120" height="60" as="geometry"/>
</mxCell>
<mxCell id="25" value="Green" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry x="190" y="570" width="120" height="60" as="geometry"/>
</mxCell>
<mxCell id="26" value="Gray" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry x="310" y="570" width="120" height="60" as="geometry"/>
</mxCell>
<mxCell id="27" value="Gray" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry x="430" y="570" width="120" height="60" as="geometry"/>
</mxCell>
<mxCell id="28" value="<div style="text-align: left"><span>- TR</span></div><div style="text-align: left"><span>- render addition</span></div><div style="text-align: left"><span>- change boxes colors</span></div>" style="text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;" vertex="1" parent="1">
<mxGeometry x="565" y="580" width="130" height="50" as="geometry"/>
</mxCell>
<mxCell id="29" value="Password Strength" style="text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;" vertex="1" parent="1">
<mxGeometry x="120" y="540" width="120" height="20" as="geometry"/>
</mxCell>
</root>
</mxGraphModel>
</diagram>
</mxfile>