reactjs-starter/frontend_app.drawio at master · syigen/reactjs-starter · GitHub

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
<mxfile host="65bd71144e">
    <diagram id="xLhmxV5O-u6iDCm_oUzg" name="Page-1">
        <mxGraphModel dx="1118" dy="766" 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="2" value="&lt;font style=&quot;font-size: 20px&quot;&gt;&lt;b&gt;Front end&lt;/b&gt;&lt;/font&gt;" style="rounded=1;whiteSpace=wrap;html=1;" parent="1" vertex="1">
                    <mxGeometry x="210" y="70" width="510" height="480" as="geometry"/>
                </mxCell>
                <mxCell id="3" value="HTML" style="rounded=1;whiteSpace=wrap;html=1;fontSize=20;" parent="1" vertex="1">
                    <mxGeometry x="250" y="120" width="120" height="60" as="geometry"/>
                </mxCell>
                <mxCell id="4" value="CSS" style="rounded=1;whiteSpace=wrap;html=1;fontSize=20;" parent="1" vertex="1">
                    <mxGeometry x="500" y="150" width="120" height="60" as="geometry"/>
                </mxCell>
                <mxCell id="5" value="JS" style="rounded=1;whiteSpace=wrap;html=1;fontSize=20;" parent="1" vertex="1">
                    <mxGeometry x="390" y="390" width="120" height="60" as="geometry"/>
                </mxCell>
            </root>
        </mxGraphModel>
    </diagram>
    <diagram id="7ZIKPy52vsXvT8nt6SAN" name="Page-2">
        <mxGraphModel dx="1118" dy="766" 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="lSgZUMuJ0NmgG1Bobo0E-0"/>
                <mxCell id="lSgZUMuJ0NmgG1Bobo0E-1" parent="lSgZUMuJ0NmgG1Bobo0E-0"/>
                <mxCell id="lSgZUMuJ0NmgG1Bobo0E-2" value="" style="rounded=1;whiteSpace=wrap;html=1;" vertex="1" parent="lSgZUMuJ0NmgG1Bobo0E-1">
                    <mxGeometry x="250" y="160" width="510" height="440" as="geometry"/>
                </mxCell>
                <mxCell id="lSgZUMuJ0NmgG1Bobo0E-6" style="edgeStyle=none;html=1;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" edge="1" parent="lSgZUMuJ0NmgG1Bobo0E-1" source="lSgZUMuJ0NmgG1Bobo0E-3" target="lSgZUMuJ0NmgG1Bobo0E-5">
                    <mxGeometry relative="1" as="geometry">
                        <Array as="points">
                            <mxPoint x="80" y="230"/>
                        </Array>
                    </mxGeometry>
                </mxCell>
                <mxCell id="lSgZUMuJ0NmgG1Bobo0E-3" value="API" style="shape=cylinder3;whiteSpace=wrap;html=1;boundedLbl=1;backgroundOutline=1;size=15;" vertex="1" parent="lSgZUMuJ0NmgG1Bobo0E-1">
                    <mxGeometry x="50" y="60" width="60" height="80" as="geometry"/>
                </mxCell>
                <mxCell id="lSgZUMuJ0NmgG1Bobo0E-11" style="edgeStyle=none;html=1;entryX=0.25;entryY=0;entryDx=0;entryDy=0;" edge="1" parent="lSgZUMuJ0NmgG1Bobo0E-1" source="lSgZUMuJ0NmgG1Bobo0E-5" target="lSgZUMuJ0NmgG1Bobo0E-7">
                    <mxGeometry relative="1" as="geometry"/>
                </mxCell>
                <mxCell id="lSgZUMuJ0NmgG1Bobo0E-5" value="API Manage" style="rounded=1;whiteSpace=wrap;html=1;" vertex="1" parent="lSgZUMuJ0NmgG1Bobo0E-1">
                    <mxGeometry x="350" y="200" width="120" height="60" as="geometry"/>
                </mxCell>
                <mxCell id="lSgZUMuJ0NmgG1Bobo0E-7" value="Client Access Layer" style="rounded=1;whiteSpace=wrap;html=1;" vertex="1" parent="lSgZUMuJ0NmgG1Bobo0E-1">
                    <mxGeometry x="300" y="380" width="430" height="170" as="geometry"/>
                </mxCell>
                <mxCell id="lSgZUMuJ0NmgG1Bobo0E-10" style="edgeStyle=none;html=1;" edge="1" parent="lSgZUMuJ0NmgG1Bobo0E-1" source="lSgZUMuJ0NmgG1Bobo0E-9" target="lSgZUMuJ0NmgG1Bobo0E-7">
                    <mxGeometry relative="1" as="geometry"/>
                </mxCell>
                <mxCell id="lSgZUMuJ0NmgG1Bobo0E-9" value="Actor" style="shape=umlActor;verticalLabelPosition=bottom;verticalAlign=top;html=1;outlineConnect=0;" vertex="1" parent="lSgZUMuJ0NmgG1Bobo0E-1">
                    <mxGeometry x="490" y="680" width="50" height="80" as="geometry"/>
                </mxCell>
                <mxCell id="lSgZUMuJ0NmgG1Bobo0E-12" value="Login Section" style="rounded=1;whiteSpace=wrap;html=1;" vertex="1" parent="lSgZUMuJ0NmgG1Bobo0E-1">
                    <mxGeometry x="330" y="450" width="120" height="60" as="geometry"/>
                </mxCell>
            </root>
        </mxGraphModel>
    </diagram>
</mxfile>