-
Notifications
You must be signed in to change notification settings - Fork 0
/
architecture-fe.drawio
72 lines (72 loc) · 10.6 KB
/
architecture-fe.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
<mxfile modified="2023-05-05T08:18:16.298Z" host="Electron" agent="Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) draw.io/21.2.1 Chrome/112.0.5615.87 Electron/24.1.2 Safari/537.36" etag="og32cb_4q2l80PfO3utP" version="21.2.1" type="device">
<diagram id="Ht1M8jgEwFfnCIfOTk4-" name="Page-1">
<mxGraphModel dx="1570" dy="1026" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="827" pageHeight="1169" background="#FFFFFF" math="0" shadow="0">
<root>
<mxCell id="0" />
<mxCell id="1" parent="0" />
<mxCell id="UEzPUAAOIrF-is8g5C7q-2" value="AWS Cloud" style="points=[[0,0],[0.25,0],[0.5,0],[0.75,0],[1,0],[1,0.25],[1,0.5],[1,0.75],[1,1],[0.75,1],[0.5,1],[0.25,1],[0,1],[0,0.75],[0,0.5],[0,0.25]];outlineConnect=0;gradientColor=none;html=1;whiteSpace=wrap;fontSize=12;fontStyle=0;shape=mxgraph.aws4.group;grIcon=mxgraph.aws4.group_aws_cloud_alt;strokeColor=#232F3E;fillColor=none;verticalAlign=top;align=left;spacingLeft=30;fontColor=#232F3E;dashed=0;container=1;pointerEvents=0;collapsible=0;recursiveResize=0;" parent="1" vertex="1">
<mxGeometry x="158" y="60" width="280" height="500" as="geometry" />
</mxCell>
<mxCell id="dAdeiyDgol1Rq0IYkTbw-26" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;exitPerimeter=0;" parent="UEzPUAAOIrF-is8g5C7q-2" source="dAdeiyDgol1Rq0IYkTbw-20" target="dAdeiyDgol1Rq0IYkTbw-19" edge="1">
<mxGeometry relative="1" as="geometry" />
</mxCell>
<mxCell id="9UiKTRcwfEzf7Kz0tgSF-39" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0.5;entryY=1;entryDx=0;entryDy=0;entryPerimeter=0;" parent="UEzPUAAOIrF-is8g5C7q-2" source="dAdeiyDgol1Rq0IYkTbw-20" target="dAdeiyDgol1Rq0IYkTbw-21" edge="1">
<mxGeometry relative="1" as="geometry" />
</mxCell>
<mxCell id="9UiKTRcwfEzf7Kz0tgSF-53" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0.5;entryY=0;entryDx=0;entryDy=0;entryPerimeter=0;" parent="UEzPUAAOIrF-is8g5C7q-2" source="dAdeiyDgol1Rq0IYkTbw-20" target="9UiKTRcwfEzf7Kz0tgSF-52" edge="1">
<mxGeometry relative="1" as="geometry" />
</mxCell>
<mxCell id="dAdeiyDgol1Rq0IYkTbw-20" value="wettr.xyz" style="sketch=0;points=[[0,0,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0,0],[0,1,0],[0.25,1,0],[0.5,1,0],[0.75,1,0],[1,1,0],[0,0.25,0],[0,0.5,0],[0,0.75,0],[1,0.25,0],[1,0.5,0],[1,0.75,0]];outlineConnect=0;fontColor=#232F3E;gradientColor=#945DF2;gradientDirection=north;fillColor=#5A30B5;strokeColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.route_53;" parent="UEzPUAAOIrF-is8g5C7q-2" vertex="1">
<mxGeometry x="52" y="244" width="78" height="78" as="geometry" />
</mxCell>
<mxCell id="dAdeiyDgol1Rq0IYkTbw-19" value="API gateway" style="sketch=0;points=[[0,0,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0,0],[0,1,0],[0.25,1,0],[0.5,1,0],[0.75,1,0],[1,1,0],[0,0.25,0],[0,0.5,0],[0,0.75,0],[1,0.25,0],[1,0.5,0],[1,0.75,0]];outlineConnect=0;fontColor=#232F3E;gradientColor=#945DF2;gradientDirection=north;fillColor=#5A30B5;strokeColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.api_gateway;" parent="UEzPUAAOIrF-is8g5C7q-2" vertex="1">
<mxGeometry x="192" y="244" width="78" height="78" as="geometry" />
</mxCell>
<mxCell id="9UiKTRcwfEzf7Kz0tgSF-32" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0;entryY=0.5;entryDx=0;entryDy=0;entryPerimeter=0;" parent="UEzPUAAOIrF-is8g5C7q-2" source="dAdeiyDgol1Rq0IYkTbw-21" target="9UiKTRcwfEzf7Kz0tgSF-31" edge="1">
<mxGeometry relative="1" as="geometry" />
</mxCell>
<mxCell id="dAdeiyDgol1Rq0IYkTbw-21" value="CloudFront distribution" style="sketch=0;points=[[0,0,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0,0],[0,1,0],[0.25,1,0],[0.5,1,0],[0.75,1,0],[1,1,0],[0,0.25,0],[0,0.5,0],[0,0.75,0],[1,0.25,0],[1,0.5,0],[1,0.75,0]];outlineConnect=0;fontColor=#232F3E;gradientColor=#945DF2;gradientDirection=north;fillColor=#5A30B5;strokeColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.cloudfront;" parent="UEzPUAAOIrF-is8g5C7q-2" vertex="1">
<mxGeometry x="52" y="58" width="78" height="78" as="geometry" />
</mxCell>
<mxCell id="9UiKTRcwfEzf7Kz0tgSF-31" value="frontend" style="sketch=0;points=[[0,0,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0,0],[0,1,0],[0.25,1,0],[0.5,1,0],[0.75,1,0],[1,1,0],[0,0.25,0],[0,0.5,0],[0,0.75,0],[1,0.25,0],[1,0.5,0],[1,0.75,0]];outlineConnect=0;fontColor=#232F3E;gradientColor=#60A337;gradientDirection=north;fillColor=#277116;strokeColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.s3;" parent="UEzPUAAOIrF-is8g5C7q-2" vertex="1">
<mxGeometry x="192" y="58" width="78" height="78" as="geometry" />
</mxCell>
<mxCell id="9UiKTRcwfEzf7Kz0tgSF-54" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=1;exitY=0.25;exitDx=0;exitDy=0;exitPerimeter=0;entryX=1;entryY=0.75;entryDx=0;entryDy=0;entryPerimeter=0;" parent="UEzPUAAOIrF-is8g5C7q-2" source="9UiKTRcwfEzf7Kz0tgSF-52" target="dAdeiyDgol1Rq0IYkTbw-21" edge="1">
<mxGeometry relative="1" as="geometry" />
</mxCell>
<mxCell id="9UiKTRcwfEzf7Kz0tgSF-55" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=1;exitY=0.75;exitDx=0;exitDy=0;exitPerimeter=0;entryX=0.5;entryY=1;entryDx=0;entryDy=0;entryPerimeter=0;" parent="UEzPUAAOIrF-is8g5C7q-2" source="9UiKTRcwfEzf7Kz0tgSF-52" target="dAdeiyDgol1Rq0IYkTbw-19" edge="1">
<mxGeometry relative="1" as="geometry" />
</mxCell>
<mxCell id="9UiKTRcwfEzf7Kz0tgSF-52" value="SSL certificates" style="sketch=0;points=[[0,0,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0,0],[0,1,0],[0.25,1,0],[0.5,1,0],[0.75,1,0],[1,1,0],[0,0.25,0],[0,0.5,0],[0,0.75,0],[1,0.25,0],[1,0.5,0],[1,0.75,0]];outlineConnect=0;fontColor=#232F3E;gradientColor=#F54749;gradientDirection=north;fillColor=#C7131F;strokeColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.certificate_manager_3;" parent="UEzPUAAOIrF-is8g5C7q-2" vertex="1">
<mxGeometry x="52" y="390" width="78" height="78" as="geometry" />
</mxCell>
<mxCell id="-QjtrjUzRDEMRZ5MF8oH-47" value="Frontend" style="text;html=1;resizable=0;points=[];autosize=1;align=left;verticalAlign=top;spacingTop=-4;fontSize=30;fontStyle=1" parent="1" vertex="1">
<mxGeometry x="8" y="10" width="150" height="40" as="geometry" />
</mxCell>
<mxCell id="SCVMTBWpLvtzJIhz15lM-1" value="" style="line;strokeWidth=2;html=1;fontSize=14;" parent="1" vertex="1">
<mxGeometry x="8" y="48" width="432" height="10" as="geometry" />
</mxCell>
<mxCell id="9UiKTRcwfEzf7Kz0tgSF-33" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0.5;entryY=1;entryDx=0;entryDy=0;" parent="1" source="dAdeiyDgol1Rq0IYkTbw-17" target="9UiKTRcwfEzf7Kz0tgSF-37" edge="1">
<mxGeometry relative="1" as="geometry" />
</mxCell>
<mxCell id="dAdeiyDgol1Rq0IYkTbw-17" value="Mobile client" style="sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;fillColor=#232F3D;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.mobile_client;" parent="1" vertex="1">
<mxGeometry x="48.5" y="450" width="41" height="78" as="geometry" />
</mxCell>
<mxCell id="9UiKTRcwfEzf7Kz0tgSF-34" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0.5;entryY=0;entryDx=0;entryDy=0;" parent="1" source="dAdeiyDgol1Rq0IYkTbw-18" target="9UiKTRcwfEzf7Kz0tgSF-37" edge="1">
<mxGeometry relative="1" as="geometry" />
</mxCell>
<mxCell id="dAdeiyDgol1Rq0IYkTbw-18" value="Desktop client" style="sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;fillColor=#232F3D;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.client;" parent="1" vertex="1">
<mxGeometry x="30" y="140" width="78" height="76" as="geometry" />
</mxCell>
<mxCell id="9UiKTRcwfEzf7Kz0tgSF-37" value="wettr.xyz domain" style="shape=image;editableCssRules=.*;image=data:image/svg+xml,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHN0eWxlPip7ZmlsbDojREUzNzIzfTwvc3R5bGU+PHBhdGggZD0iTTE3LjI5NSAxNy40ODRjLjIyNy40MDMuNTcuNzI4Ljk4NS45MzEtLjMwOS4xNS0uNjQ3LjIyOS0uOTkuMjMyaC0zLjA2OGEyLjI2IDIuMjYgMCAwIDEtMS45NTctMS4xNDNMNi43MDUgNi41MTFhMi4yNyAyLjI3IDAgMCAwLS45NzQtLjkyMmMuMzA5LS4xNTMuNjUyLS4yMzMuOTk3LS4yMzJoMy4wNWMuODEuMDAzIDEuNTU4LjQzOCAxLjk1OSAxLjE0M2w1LjU1OCAxMC45ODR6bS05LjMyOS03LjM5Mkw2LjI2OSA2Ljc1NWMtLjIwOS0uMzkyLS41ODItLjY1Ny0uOTg0LS44MjktLjIwNC4xNjUtLjM5MS4zNS0uNTIyLjU4MS0uMTg0LjM0OS00LjM5MSA4LjY0OC00LjU2OSA4Ljk4N2EyLjI0NSAyLjI0NSAwIDAgMCA0LjAxNiAxLjk5OWwzLjc1Ni03LjQwMXptMTUuODQ2LTEuNTkzYTIuMjQ1IDIuMjQ1IDAgMCAwLTEuMTYyLTIuOTU1di0uMDAxYTIuMjQzIDIuMjQzIDAgMCAwLS44OTItLjE4N2wtLjAwMy0uMDExYy0uODE2IDAtMS41NjkuNDQzLTEuOTY1IDEuMTU3bC0zLjc0OSA3LjQxNCAxLjY4OSAzLjMyM2MuMjEzLjM5OS41OS42NjQuOTk4LjgzOS4yNTItLjIuNDczLS40NDQuNjA1LS43NDJsNC40NzktOC44Mzd6Ii8+PC9zdmc+;verticalAlign=bottom;" parent="1" vertex="1">
<mxGeometry x="30" y="304" width="78" height="78" as="geometry" />
</mxCell>
<mxCell id="9UiKTRcwfEzf7Kz0tgSF-40" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;entryPerimeter=0;" parent="1" source="9UiKTRcwfEzf7Kz0tgSF-37" target="dAdeiyDgol1Rq0IYkTbw-20" edge="1">
<mxGeometry relative="1" as="geometry">
<mxPoint x="330" y="810" as="targetPoint" />
</mxGeometry>
</mxCell>
</root>
</mxGraphModel>
</diagram>
</mxfile>