API_Component_Communication.excalidraw
⚠ Switch to EXCALIDRAW VIEW in the MORE OPTIONS menu of this document. ⚠
Text Elements
Section titled “Text Elements”Shop
Frontend
Payment Service
Order Module
Shipping Module
%%
Drawing
Section titled “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": {}}%%