Skip to content

API_Component_Communication.excalidraw

⚠ Switch to EXCALIDRAW VIEW in the MORE OPTIONS menu of this document. ⚠

Text Elements

Shop

Frontend

Payment Service

Order Module

Shipping Module

%%

Drawing

{
"type": "excalidraw",
"version": 2,
"source": "https://github.com/zsviczian/obsidian-excalidraw-plugin/releases/tag/1.9.6",
"elements": [
{
"type": "rectangle",
"version": 112,
"versionNonce": 549754288,
"isDeleted": false,
"id": "Vj4WDn_YQgTeSpL7elRuS",
"fillStyle": "hachure",
"strokeWidth": 1,
"strokeStyle": "solid",
"roughness": 1,
"opacity": 100,
"angle": 0,
"x": -30.947265625,
"y": -203.03515625,
"strokeColor": "#1e1e1e",
"backgroundColor": "#a5d8ff",
"width": 146,
"height": 113,
"seed": 585350064,
"groupIds": [],
"frameId": null,
"roundness": {
"type": 3
},
"boundElements": [
{
"type": "text",
"id": "AeukxLwE"
},
{
"id": "dO_8ipSI8-nWdAnhStim_",
"type": "arrow"
},
{
"id": "C-GQe4BcdmVoPAjjtTWiM",
"type": "arrow"
},
{
"id": "7VhhXPbLPMpNvDyuSrMT7",
"type": "arrow"
}
],
"updated": 1688313319325,
"link": null,
"locked": false
},
{
"type": "text",
"version": 27,
"versionNonce": 1178039120,
"isDeleted": false,
"id": "AeukxLwE",
"fillStyle": "hachure",
"strokeWidth": 1,
"strokeStyle": "solid",
"roughness": 1,
"opacity": 100,
"angle": 0,
"x": 20.562759399414062,
"y": -159.03515625,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
"width": 42.979949951171875,
"height": 25,
"seed": 839054256,
"groupIds": [],
"frameId": null,
"roundness": null,
"boundElements": [],
"updated": 1688313251653,
"link": null,
"locked": false,
"fontSize": 20,
"fontFamily": 1,
"text": "Shop",
"rawText": "Shop",
"textAlign": "center",
"verticalAlign": "middle",
"containerId": "Vj4WDn_YQgTeSpL7elRuS",
"originalText": "Shop",
"lineHeight": 1.25,
"baseline": 18
},
{
"type": "rectangle",
"version": 95,
"versionNonce": 428968880,
"isDeleted": false,
"id": "P_n4D1vNfhq3GScyQlos3",
"fillStyle": "hachure",
"strokeWidth": 1,
"strokeStyle": "solid",
"roughness": 1,
"opacity": 100,
"angle": 0,
"x": -268.875,
"y": -233.3828125,
"strokeColor": "#1e1e1e",
"backgroundColor": "#ffc9c9",
"width": 146,
"height": 113,
"seed": 1376178096,
"groupIds": [],
"frameId": null,
"roundness": {
"type": 3
},
"boundElements": [
{
"type": "text",
"id": "hAvH2hyJ"
},
{
"id": "dO_8ipSI8-nWdAnhStim_",
"type": "arrow"
},
{
"id": "g3tzQq08667r-CZ9sHz4a",
"type": "arrow"
},
{
"id": "Ar0OZU1zcEy7nhZh67uVq",
"type": "arrow"
},
{
"id": "hBP6q-_WqqLM7pnb-yEaE",
"type": "arrow"
}
],
"updated": 1688313317121,
"link": null,
"locked": false
},
{
"type": "text",
"version": 13,
"versionNonce": 251430736,
"isDeleted": false,
"id": "hAvH2hyJ",
"fillStyle": "hachure",
"strokeWidth": 1,
"strokeStyle": "solid",
"roughness": 1,
"opacity": 100,
"angle": 0,
"x": -237.60496520996094,
"y": -189.3828125,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
"width": 83.45993041992188,
"height": 25,
"seed": 569465264,
"groupIds": [],
"frameId": null,
"roundness": null,
"boundElements": [],
"updated": 1688313192926,
"link": null,
"locked": false,
"fontSize": 20,
"fontFamily": 1,
"text": "Frontend",
"rawText": "Frontend",
"textAlign": "center",
"verticalAlign": "middle",
"containerId": "P_n4D1vNfhq3GScyQlos3",
"originalText": "Frontend",
"lineHeight": 1.25,
"baseline": 18
},
{
"type": "rectangle",
"version": 125,
"versionNonce": 176089520,
"isDeleted": false,
"id": "DCb6EyNoiYSbybX4W-ftI",
"fillStyle": "hachure",
"strokeWidth": 1,
"strokeStyle": "solid",
"roughness": 1,
"opacity": 100,
"angle": 0,
"x": -201.21484375,
"y": -66.71875,
"strokeColor": "#1e1e1e",
"backgroundColor": "#ffec99",
"width": 146,
"height": 113,
"seed": 1935602512,
"groupIds": [],
"frameId": null,
"roundness": {
"type": 3
},
"boundElements": [
{
"type": "text",
"id": "VkzuM9n3"
},
{
"id": "C-GQe4BcdmVoPAjjtTWiM",
"type": "arrow"
},
{
"id": "g3tzQq08667r-CZ9sHz4a",
"type": "arrow"
}
],
"updated": 1688313322412,
"link": null,
"locked": false
},
{
"type": "text",
"version": 53,
"versionNonce": 1601261904,
"isDeleted": false,
"id": "VkzuM9n3",
"fillStyle": "hachure",
"strokeWidth": 1,
"strokeStyle": "solid",
"roughness": 1,
"opacity": 100,
"angle": 0,
"x": -168.3048095703125,
"y": -35.21875,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
"width": 80.179931640625,
"height": 50,
"seed": 398723408,
"groupIds": [],
"frameId": null,
"roundness": null,
"boundElements": [],
"updated": 1688313207752,
"link": null,
"locked": false,
"fontSize": 20,
"fontFamily": 1,
"text": "Payment\nService",
"rawText": "Payment\nService",
"textAlign": "center",
"verticalAlign": "middle",
"containerId": "DCb6EyNoiYSbybX4W-ftI",
"originalText": "Payment\nService",
"lineHeight": 1.25,
"baseline": 43
},
{
"type": "rectangle",
"version": 281,
"versionNonce": 554065840,
"isDeleted": false,
"id": "WomohL--NbWV9EN8mfV3J",
"fillStyle": "hachure",
"strokeWidth": 1,
"strokeStyle": "solid",
"roughness": 1,
"opacity": 100,
"angle": 0,
"x": -85.9921875,
"y": -398.22265625,
"strokeColor": "#1e1e1e",
"backgroundColor": "#b2f2bb",
"width": 146,
"height": 113,
"seed": 395313072,
"groupIds": [],
"frameId": null,
"roundness": {
"type": 3
},
"boundElements": [
{
"type": "text",
"id": "xSCnNitj"
},
{
"id": "7VhhXPbLPMpNvDyuSrMT7",
"type": "arrow"
},
{
"id": "Ar0OZU1zcEy7nhZh67uVq",
"type": "arrow"
},
{
"id": "FvgEu_TERA95LrWu7wygq",
"type": "arrow"
}
],
"updated": 1688313320755,
"link": null,
"locked": false
},
{
"type": "text",
"version": 207,
"versionNonce": 1988549968,
"isDeleted": false,
"id": "xSCnNitj",
"fillStyle": "hachure",
"strokeWidth": 1,
"strokeStyle": "solid",
"roughness": 1,
"opacity": 100,
"angle": 0,
"x": -45.66215515136719,
"y": -366.72265625,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
"width": 65.33993530273438,
"height": 50,
"seed": 1054116272,
"groupIds": [],
"frameId": null,
"roundness": null,
"boundElements": [],
"updated": 1688313282072,
"link": null,
"locked": false,
"fontSize": 20,
"fontFamily": 1,
"text": "Order\nModule",
"rawText": "Order\nModule",
"textAlign": "center",
"verticalAlign": "middle",
"containerId": "WomohL--NbWV9EN8mfV3J",
"originalText": "Order\nModule",
"lineHeight": 1.25,
"baseline": 43
},
{
"type": "rectangle",
"version": 265,
"versionNonce": 139867056,
"isDeleted": false,
"id": "5i4SMW4dyfPD1v0_5AOW1",
"fillStyle": "hachure",
"strokeWidth": 1,
"strokeStyle": "solid",
"roughness": 1,
"opacity": 100,
"angle": 0,
"x": -304.046875,
"y": -441.55078125,
"strokeColor": "#1e1e1e",
"backgroundColor": "#eebefa",
"width": 146,
"height": 113,
"seed": 305033136,
"groupIds": [],
"frameId": null,
"roundness": {
"type": 3
},
"boundElements": [
{
"type": "text",
"id": "ZN1aMbxR"
},
{
"id": "FvgEu_TERA95LrWu7wygq",
"type": "arrow"
},
{
"id": "hBP6q-_WqqLM7pnb-yEaE",
"type": "arrow"
}
],
"updated": 1688313332030,
"link": null,
"locked": false
},
{
"type": "text",
"version": 193,
"versionNonce": 1888919984,
"isDeleted": false,
"id": "ZN1aMbxR",
"fillStyle": "hachure",
"strokeWidth": 1,
"strokeStyle": "solid",
"roughness": 1,
"opacity": 100,
"angle": 0,
"x": -265.98683166503906,
"y": -410.05078125,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
"width": 69.87991333007812,
"height": 50,
"seed": 1009056176,
"groupIds": [],
"frameId": null,
"roundness": null,
"boundElements": [],
"updated": 1688313301283,
"link": null,
"locked": false,
"fontSize": 20,
"fontFamily": 1,
"text": "Shipping\nModule",
"rawText": "Shipping\nModule",
"textAlign": "center",
"verticalAlign": "middle",
"containerId": "5i4SMW4dyfPD1v0_5AOW1",
"originalText": "Shipping\nModule",
"lineHeight": 1.25,
"baseline": 43
},
{
"type": "arrow",
"version": 59,
"versionNonce": 961538896,
"isDeleted": false,
"id": "dO_8ipSI8-nWdAnhStim_",
"fillStyle": "hachure",
"strokeWidth": 1,
"strokeStyle": "solid",
"roughness": 1,
"opacity": 100,
"angle": 0,
"x": -114.31640625,
"y": -180.15234375,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
"width": 75.91796875,
"height": 23.92578125,
"seed": 1244701520,
"groupIds": [],
"frameId": null,
"roundness": {
"type": 2
},
"boundElements": [],
"updated": 1688313371877,
"link": null,
"locked": false,
"startBinding": {
"elementId": "P_n4D1vNfhq3GScyQlos3",
"gap": 8.55859375,
"focus": -0.3644116072569776
},
"endBinding": {
"elementId": "Vj4WDn_YQgTeSpL7elRuS",
"gap": 7.451171875,
"focus": -0.19700391842857165
},
"lastCommittedPoint": null,
"startArrowhead": null,
"endArrowhead": "arrow",
"points": [
[
0,
0
],
[
75.91796875,
23.92578125
]
]
},
{
"type": "arrow",
"version": 27,
"versionNonce": 1587004240,
"isDeleted": false,
"id": "C-GQe4BcdmVoPAjjtTWiM",
"fillStyle": "hachure",
"strokeWidth": 1,
"strokeStyle": "solid",
"roughness": 1,
"opacity": 100,
"angle": 0,
"x": -23.41796875,
"y": -79.63671875000001,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
"width": 30.207031249999986,
"height": 22.417968749999986,
"seed": 1850053040,
"groupIds": [],
"frameId": null,
"roundness": {
"type": 2
},
"boundElements": [],
"updated": 1688313371878,
"link": null,
"locked": false,
"startBinding": {
"elementId": "Vj4WDn_YQgTeSpL7elRuS",
"gap": 10.3984375,
"focus": -0.16543477180960353
},
"endBinding": {
"elementId": "DCb6EyNoiYSbybX4W-ftI",
"gap": 1.58984375,
"focus": 0.07550300285881535
},
"lastCommittedPoint": null,
"startArrowhead": null,
"endArrowhead": "arrow",
"points": [
[
0,
0
],
[
-30.207031249999986,
22.417968749999986
]
]
},
{
"type": "arrow",
"version": 23,
"versionNonce": 1130551632,
"isDeleted": false,
"id": "g3tzQq08667r-CZ9sHz4a",
"fillStyle": "hachure",
"strokeWidth": 1,
"strokeStyle": "solid",
"roughness": 1,
"opacity": 100,
"angle": 0,
"x": -157.14453125,
"y": -111.58203125,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
"width": 19.484375,
"height": 38.765625,
"seed": 25962832,
"groupIds": [],
"frameId": null,
"roundness": {
"type": 2
},
"boundElements": [],
"updated": 1688313371879,
"link": null,
"locked": false,
"startBinding": {
"elementId": "P_n4D1vNfhq3GScyQlos3",
"gap": 8.80078125,
"focus": -0.058275256043582566
},
"endBinding": {
"elementId": "DCb6EyNoiYSbybX4W-ftI",
"gap": 6.09765625,
"focus": 0.21713949493378545
},
"lastCommittedPoint": null,
"startArrowhead": null,
"endArrowhead": "arrow",
"points": [
[
0,
0
],
[
19.484375,
38.765625
]
]
},
{
"type": "arrow",
"version": 28,
"versionNonce": 1247489872,
"isDeleted": false,
"id": "7VhhXPbLPMpNvDyuSrMT7",
"fillStyle": "hachure",
"strokeWidth": 1,
"strokeStyle": "solid",
"roughness": 1,
"opacity": 100,
"angle": 0,
"x": 23.765625000000004,
"y": -207.08203125,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
"width": 21.41015625,
"height": 70.42578125,
"seed": 1071407024,
"groupIds": [],
"frameId": null,
"roundness": {
"type": 2
},
"boundElements": [],
"updated": 1688313371879,
"link": null,
"locked": false,
"startBinding": {
"elementId": "Vj4WDn_YQgTeSpL7elRuS",
"gap": 4.046875,
"focus": 0.00132804501501882
},
"endBinding": {
"elementId": "WomohL--NbWV9EN8mfV3J",
"gap": 7.71484375,
"focus": 0.046290420070261074
},
"lastCommittedPoint": null,
"startArrowhead": null,
"endArrowhead": "arrow",
"points": [
[
0,
0
],
[
-21.41015625,
-70.42578125
]
]
},
{
"type": "arrow",
"version": 27,
"versionNonce": 1004062032,
"isDeleted": false,
"id": "Ar0OZU1zcEy7nhZh67uVq",
"fillStyle": "hachure",
"strokeWidth": 1,
"strokeStyle": "solid",
"roughness": 1,
"opacity": 100,
"angle": 0,
"x": -131.58203125000006,
"y": -241.30078125,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
"width": 60.406250000000014,
"height": 32.96484375,
"seed": 499769776,
"groupIds": [],
"frameId": null,
"roundness": {
"type": 2
},
"boundElements": [],
"updated": 1688313371879,
"link": null,
"locked": false,
"startBinding": {
"elementId": "P_n4D1vNfhq3GScyQlos3",
"gap": 7.91796875,
"focus": -0.30447199015464205
},
"endBinding": {
"elementId": "WomohL--NbWV9EN8mfV3J",
"gap": 10.95703125,
"focus": -0.37062551801444255
},
"lastCommittedPoint": null,
"startArrowhead": null,
"endArrowhead": "arrow",
"points": [
[
0,
0
],
[
60.406250000000014,
-32.96484375
]
]
},
{
"type": "arrow",
"version": 238,
"versionNonce": 1757655376,
"isDeleted": false,
"id": "FvgEu_TERA95LrWu7wygq",
"fillStyle": "hachure",
"strokeWidth": 1,
"strokeStyle": "solid",
"roughness": 1,
"opacity": 100,
"angle": 0,
"x": -106.27734375,
"y": -356.27739714027655,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
"width": 38.2734375,
"height": 34.93089136415199,
"seed": 632084816,
"groupIds": [],
"frameId": null,
"roundness": {
"type": 2
},
"boundElements": [],
"updated": 1688313371879,
"link": null,
"locked": false,
"startBinding": {
"elementId": "WomohL--NbWV9EN8mfV3J",
"gap": 20.28515625,
"focus": -0.5731054861524985
},
"endBinding": {
"elementId": "5i4SMW4dyfPD1v0_5AOW1",
"gap": 13.49609375,
"focus": -0.6911662123996226
},
"lastCommittedPoint": null,
"startArrowhead": null,
"endArrowhead": "arrow",
"points": [
[
0,
0
],
[
-38.2734375,
-34.93089136415199
]
]
},
{
"type": "arrow",
"version": 31,
"versionNonce": 1038157648,
"isDeleted": false,
"id": "hBP6q-_WqqLM7pnb-yEaE",
"fillStyle": "hachure",
"strokeWidth": 1,
"strokeStyle": "solid",
"roughness": 1,
"opacity": 100,
"angle": 0,
"x": -202.76171875,
"y": -312.29296875,
"strokeColor": "#1e1e1e",
"backgroundColor": "transparent",
"width": 15.324218750000028,
"height": 73.74999999999994,
"seed": 423814992,
"groupIds": [],
"frameId": null,
"roundness": {
"type": 2
},
"boundElements": [],
"updated": 1688313371879,
"link": null,
"locked": false,
"startBinding": {
"elementId": "5i4SMW4dyfPD1v0_5AOW1",
"gap": 16.2578125,
"focus": -0.15538251333138944
},
"endBinding": {
"elementId": "P_n4D1vNfhq3GScyQlos3",
"gap": 5.16015625,
"focus": 0.25076281391230454
},
"lastCommittedPoint": null,
"startArrowhead": null,
"endArrowhead": "arrow",
"points": [
[
0,
0
],
[
15.324218750000028,
73.74999999999994
]
]
}
],
"appState": {
"theme": "light",
"viewBackgroundColor": "#ffffff",
"currentItemStrokeColor": "#1e1e1e",
"currentItemBackgroundColor": "#eebefa",
"currentItemFillStyle": "hachure",
"currentItemStrokeWidth": 1,
"currentItemStrokeStyle": "solid",
"currentItemRoughness": 1,
"currentItemOpacity": 100,
"currentItemFontFamily": 1,
"currentItemFontSize": 20,
"currentItemTextAlign": "left",
"currentItemStartArrowhead": null,
"currentItemEndArrowhead": "arrow",
"scrollX": 316.86193517736484,
"scrollY": 517.6981102195946,
"zoom": {
"value": 1.85
},
"currentItemRoundness": "round",
"gridSize": null,
"currentStrokeOptions": null,
"previousGridSize": null
},
"files": {}
}

%%