TodosAppAdvanced.excalidraw
⚠ Switch to EXCALIDRAW VIEW in the MORE OPTIONS menu of this document. ⚠
Text Elements
Todos App
Database
Network
C2C Communication
Web Frontend
C2H Communication (exposed Ports)
Message-Oriented Middleware
PDF Generator
Host Machine
PDF Storage
File Storage via BindMount
%%
Drawing
{ "type": "excalidraw", "version": 2, "source": "https://github.com/zsviczian/obsidian-excalidraw-plugin/releases/tag/2.0.4", "elements": [ { "type": "rectangle", "version": 513, "versionNonce": 2021488245, "isDeleted": false, "id": "zk9UogWZyVa0c3l1eGjis", "fillStyle": "hachure", "strokeWidth": 2, "strokeStyle": "solid", "roughness": 1, "opacity": 100, "angle": 0, "x": -382.10470054941106, "y": 282.94372574399426, "strokeColor": "#1e1e1e", "backgroundColor": "#ffec99", "width": 696.96875, "height": 166.66165186708938, "seed": 1364176693, "groupIds": [], "frameId": null, "roundness": { "type": 3 }, "boundElements": [], "updated": 1703164421485, "link": null, "locked": false }, { "type": "rectangle", "version": 257, "versionNonce": 856792853, "isDeleted": false, "id": "PErgbtvJqpRmwmSMUvQK1", "fillStyle": "hachure", "strokeWidth": 2, "strokeStyle": "solid", "roughness": 1, "opacity": 100, "angle": 0, "x": -373.203125, "y": -199.63671875, "strokeColor": "#1e1e1e", "backgroundColor": "#ffec99", "width": 696.96875, "height": 370.4986450657201, "seed": 1604183905, "groupIds": [], "frameId": null, "roundness": { "type": 3 }, "boundElements": [], "updated": 1703164445389, "link": null, "locked": false }, { "type": "rectangle", "version": 147, "versionNonce": 269175541, "isDeleted": false, "id": "vgLzhNuNha-F9SIDAmkTi", "fillStyle": "solid", "strokeWidth": 2, "strokeStyle": "solid", "roughness": 1, "opacity": 100, "angle": 0, "x": -329.15625, "y": -151.54296875, "strokeColor": "#1e1e1e", "backgroundColor": "#d0bfff", "width": 147.66015625, "height": 94.52734375, "seed": 1721211567, "groupIds": [], "frameId": null, "roundness": { "type": 3 }, "boundElements": [ { "type": "text", "id": "0lmR7tsw" }, { "id": "mCPkVQQGlm57ue2Ae61HH", "type": "arrow" }, { "id": "cO3I5LaZJcM4ekzseJ0-a", "type": "arrow" }, { "id": "7rkTTeg-wBJ5nU5NDmFNh", "type": "arrow" } ], "updated": 1703164418810, "link": null, "locked": false }, { "type": "text", "version": 78, "versionNonce": 1096469211, "isDeleted": false, "id": "0lmR7tsw", "fillStyle": "solid", "strokeWidth": 2, "strokeStyle": "solid", "roughness": 1, "opacity": 100, "angle": 0, "x": -306.98612213134766, "y": -116.779296875, "strokeColor": "#1e1e1e", "backgroundColor": "transparent", "width": 103.31990051269531, "height": 25, "seed": 1542485967, "groupIds": [], "frameId": null, "roundness": null, "boundElements": [], "updated": 1703164418810, "link": null, "locked": false, "fontSize": 20, "fontFamily": 1, "text": "Todos App", "rawText": "Todos App", "textAlign": "center", "verticalAlign": "middle", "containerId": "vgLzhNuNha-F9SIDAmkTi", "originalText": "Todos App", "lineHeight": 1.25, "baseline": 18 }, { "type": "rectangle", "version": 409, "versionNonce": 783295573, "isDeleted": false, "id": "Ue4jUWQsujtTOvNE23a5P", "fillStyle": "solid", "strokeWidth": 2, "strokeStyle": "solid", "roughness": 1, "opacity": 100, "angle": 0, "x": 122.208984375, "y": -154.455078125, "strokeColor": "#1e1e1e", "backgroundColor": "#d0bfff", "width": 147.66015625, "height": 94.52734375, "seed": 934734945, "groupIds": [], "frameId": null, "roundness": { "type": 3 }, "boundElements": [ { "type": "text", "id": "WJ3kGu12" }, { "id": "mCPkVQQGlm57ue2Ae61HH", "type": "arrow" } ], "updated": 1703164418810, "link": null, "locked": false }, { "type": "text", "version": 350, "versionNonce": 1863497595, "isDeleted": false, "id": "WJ3kGu12", "fillStyle": "solid", "strokeWidth": 2, "strokeStyle": "solid", "roughness": 1, "opacity": 100, "angle": 0, "x": 146.5990982055664, "y": -119.69140625, "strokeColor": "#1e1e1e", "backgroundColor": "transparent", "width": 98.87992858886719, "height": 25, "seed": 431798337, "groupIds": [], "frameId": null, "roundness": null, "boundElements": [], "updated": 1703164418810, "link": null, "locked": false, "fontSize": 20, "fontFamily": 1, "text": "Database", "rawText": "Database", "textAlign": "center", "verticalAlign": "middle", "containerId": "Ue4jUWQsujtTOvNE23a5P", "originalText": "Database", "lineHeight": 1.25, "baseline": 18 }, { "type": "rectangle", "version": 150, "versionNonce": 1244844469, "isDeleted": false, "id": "EGLZidg1aKITcSWFLeHrs", "fillStyle": "solid", "strokeWidth": 2, "strokeStyle": "solid", "roughness": 1, "opacity": 100, "angle": 0, "x": -98.58203125, "y": -223.00390625, "strokeColor": "#1e1e1e", "backgroundColor": "#ffd8a8", "width": 179.73046875, "height": 44.55078125, "seed": 471695553, "groupIds": [], "frameId": null, "roundness": { "type": 3 }, "boundElements": [ { "type": "text", "id": "6jd2spab" } ], "updated": 1703164418810, "link": null, "locked": false }, { "type": "text", "version": 93, "versionNonce": 1147408411, "isDeleted": false, "id": "6jd2spab", "fillStyle": "solid", "strokeWidth": 2, "strokeStyle": "solid", "roughness": 1, "opacity": 100, "angle": 0, "x": -47.076759338378906, "y": -213.228515625, "strokeColor": "#1e1e1e", "backgroundColor": "transparent", "width": 76.71992492675781, "height": 25, "seed": 1885682913, "groupIds": [], "frameId": null, "roundness": null, "boundElements": [], "updated": 1703164418810, "link": null, "locked": false, "fontSize": 20, "fontFamily": 1, "text": "Network", "rawText": "Network", "textAlign": "center", "verticalAlign": "middle", "containerId": "EGLZidg1aKITcSWFLeHrs", "originalText": "Network", "lineHeight": 1.25, "baseline": 18 }, { "type": "arrow", "version": 417, "versionNonce": 800641813, "isDeleted": false, "id": "mCPkVQQGlm57ue2Ae61HH", "fillStyle": "hachure", "strokeWidth": 2, "strokeStyle": "solid", "roughness": 1, "opacity": 100, "angle": 0, "x": -178.359375, "y": -103.68262004860888, "strokeColor": "#1e1e1e", "backgroundColor": "#d0bfff", "width": 297.51171875, "height": 1.1708169629278586, "seed": 2031839041, "groupIds": [], "frameId": null, "roundness": { "type": 2 }, "boundElements": [ { "type": "text", "id": "uk1zJrPg" } ], "updated": 1703164418810, "link": null, "locked": false, "startBinding": { "elementId": "vgLzhNuNha-F9SIDAmkTi", "gap": 3.13671875, "focus": 0.018916706026500786 }, "endBinding": { "elementId": "Ue4jUWQsujtTOvNE23a5P", "gap": 3.056640625, "focus": -0.0428015009804504 }, "lastCommittedPoint": null, "startArrowhead": null, "endArrowhead": "arrow", "points": [ [ 0, 0 ], [ 297.51171875, -1.1708169629278586 ] ] }, { "type": "text", "version": 21, "versionNonce": 1665225915, "isDeleted": false, "id": "uk1zJrPg", "fillStyle": "hachure", "strokeWidth": 2, "strokeStyle": "solid", "roughness": 1, "opacity": 100, "angle": 0, "x": -232.986328125, "y": -116.056640625, "strokeColor": "#1e1e1e", "backgroundColor": "#d0bfff", "width": 183.83984375, "height": 25, "seed": 659056783, "groupIds": [], "frameId": null, "roundness": null, "boundElements": [], "updated": 1703164418810, "link": null, "locked": false, "fontSize": 20, "fontFamily": 1, "text": "C2C Communication", "rawText": "C2C Communication", "textAlign": "center", "verticalAlign": "middle", "containerId": "mCPkVQQGlm57ue2Ae61HH", "originalText": "C2C Communication", "lineHeight": 1.25, "baseline": 18 }, { "type": "rectangle", "version": 715, "versionNonce": 1807198325, "isDeleted": false, "id": "SBw8ErsKOJ17LUVHjZxWS", "fillStyle": "solid", "strokeWidth": 2, "strokeStyle": "solid", "roughness": 1, "opacity": 100, "angle": 0, "x": -365.1728327035612, "y": 311.7589576081489, "strokeColor": "#1e1e1e", "backgroundColor": "#ffec99", "width": 172.06640625, "height": 89.9140625, "seed": 103060719, "groupIds": [], "frameId": null, "roundness": { "type": 3 }, "boundElements": [ { "id": "cO3I5LaZJcM4ekzseJ0-a", "type": "arrow" }, { "type": "text", "id": "kCKyyQKB" } ], "updated": 1703164418810, "link": null, "locked": false }, { "type": "text", "version": 599, "versionNonce": 189597019, "isDeleted": false, "id": "kCKyyQKB", "fillStyle": "hachure", "strokeWidth": 2, "strokeStyle": "solid", "roughness": 1, "opacity": 100, "angle": 0, "x": -343.87958166596354, "y": 344.2159888581489, "strokeColor": "#1e1e1e", "backgroundColor": "#ffec99", "width": 129.4799041748047, "height": 25, "seed": 305895503, "groupIds": [], "frameId": null, "roundness": null, "boundElements": [], "updated": 1703164418810, "link": null, "locked": false, "fontSize": 20, "fontFamily": 1, "text": "Web Frontend", "rawText": "Web Frontend", "textAlign": "center", "verticalAlign": "middle", "containerId": "SBw8ErsKOJ17LUVHjZxWS", "originalText": "Web Frontend", "lineHeight": 1.25, "baseline": 18 }, { "type": "arrow", "version": 1405, "versionNonce": 1609880021, "isDeleted": false, "id": "cO3I5LaZJcM4ekzseJ0-a", "fillStyle": "hachure", "strokeWidth": 2, "strokeStyle": "solid", "roughness": 1, "opacity": 100, "angle": 0, "x": -270.1910765954198, "y": -55.38678434827807, "strokeColor": "#1e1e1e", "backgroundColor": "#ffec99", "width": 2.882610282655719, "height": 362.2745826081489, "seed": 39539919, "groupIds": [], "frameId": null, "roundness": { "type": 2 }, "boundElements": [ { "type": "text", "id": "uooGOM0y" } ], "updated": 1703164418810, "link": null, "locked": false, "startBinding": { "elementId": "vgLzhNuNha-F9SIDAmkTi", "gap": 1.6288406517219443, "focus": 0.20556167453189964 }, "endBinding": { "elementId": "SBw8ErsKOJ17LUVHjZxWS", "gap": 4.87115934827807, "focus": 0.141538535175806 }, "lastCommittedPoint": null, "startArrowhead": "arrow", "endArrowhead": "arrow", "points": [ [ 0, 0 ], [ 2.882610282655719, 362.2745826081489 ] ] }, { "type": "text", "version": 38, "versionNonce": 1675207163, "isDeleted": false, "id": "uooGOM0y", "fillStyle": "hachure", "strokeWidth": 2, "strokeStyle": "solid", "roughness": 1, "opacity": 100, "angle": 0, "x": -355.59221793926497, "y": -28.88671875, "strokeColor": "#1e1e1e", "backgroundColor": "#ffec99", "width": 181.97984313964844, "height": 50, "seed": 1363101007, "groupIds": [], "frameId": null, "roundness": null, "boundElements": [], "updated": 1703164418810, "link": null, "locked": false, "fontSize": 20, "fontFamily": 1, "text": "C2H Communication\n(exposed Ports)", "rawText": "C2H Communication\n(exposed Ports)", "textAlign": "center", "verticalAlign": "middle", "containerId": "cO3I5LaZJcM4ekzseJ0-a", "originalText": "C2H Communication\n(exposed Ports)", "lineHeight": 1.25, "baseline": 43 }, { "type": "rectangle", "version": 572, "versionNonce": 428199733, "isDeleted": false, "id": "k5AOMW7OLhlmQb_civNcm", "fillStyle": "solid", "strokeWidth": 2, "strokeStyle": "solid", "roughness": 1, "opacity": 100, "angle": 0, "x": -99.6578607766213, "y": 0.7119918698190304, "strokeColor": "#1e1e1e", "backgroundColor": "#d0bfff", "width": 147.66015625, "height": 94.52734375, "seed": 287941499, "groupIds": [], "frameId": null, "roundness": { "type": 3 }, "boundElements": [ { "type": "text", "id": "oVMBd6ml" }, { "id": "O_H5igsIpMAs1DpQDWO7w", "type": "arrow" } ], "updated": 1703164418810, "link": null, "locked": false }, { "type": "text", "version": 545, "versionNonce": 99199643, "isDeleted": false, "id": "oVMBd6ml", "fillStyle": "solid", "strokeWidth": 2, "strokeStyle": "solid", "roughness": 1, "opacity": 100, "angle": 0, "x": -77.68773748560568, "y": 10.47566374481903, "strokeColor": "#1e1e1e", "backgroundColor": "transparent", "width": 103.71990966796875, "height": 75, "seed": 1555921947, "groupIds": [], "frameId": null, "roundness": null, "boundElements": [], "updated": 1703164418810, "link": null, "locked": false, "fontSize": 20, "fontFamily": 1, "text": "Message-\nOriented\nMiddleware", "rawText": "Message-Oriented Middleware", "textAlign": "center", "verticalAlign": "middle", "containerId": "k5AOMW7OLhlmQb_civNcm", "originalText": "Message-Oriented Middleware", "lineHeight": 1.25, "baseline": 68 }, { "type": "rectangle", "version": 693, "versionNonce": 1699607067, "isDeleted": false, "id": "927fN2hWgscbHP10wdbeW", "fillStyle": "solid", "strokeWidth": 2, "strokeStyle": "solid", "roughness": 1, "opacity": 100, "angle": 0, "x": 118.89536326034465, "y": 2.241538617468791, "strokeColor": "#1e1e1e", "backgroundColor": "#d0bfff", "width": 147.66015625, "height": 94.52734375, "seed": 288677781, "groupIds": [], "frameId": null, "roundness": { "type": 3 }, "boundElements": [ { "type": "text", "id": "bNk1QuQm" }, { "id": "O_H5igsIpMAs1DpQDWO7w", "type": "arrow" }, { "id": "zGa553uBc84bvZAEu6V8E", "type": "arrow" } ], "updated": 1703164429832, "link": null, "locked": false }, { "type": "text", "version": 680, "versionNonce": 1177526075, "isDeleted": false, "id": "bNk1QuQm", "fillStyle": "solid", "strokeWidth": 2, "strokeStyle": "solid", "roughness": 1, "opacity": 100, "angle": 0, "x": 142.76548044784465, "y": 24.50521049246879, "strokeColor": "#1e1e1e", "backgroundColor": "transparent", "width": 99.919921875, "height": 50, "seed": 1258169589, "groupIds": [], "frameId": null, "roundness": null, "boundElements": [], "updated": 1703164418810, "link": null, "locked": false, "fontSize": 20, "fontFamily": 1, "text": "PDF\nGenerator", "rawText": "PDF Generator", "textAlign": "center", "verticalAlign": "middle", "containerId": "927fN2hWgscbHP10wdbeW", "originalText": "PDF Generator", "lineHeight": 1.25, "baseline": 43 }, { "id": "7rkTTeg-wBJ5nU5NDmFNh", "type": "arrow", "x": -190.82191445520732, "y": -56.015625, "width": 97.2143945660165, "height": 64.15066872615398, "angle": 0, "strokeColor": "#1e1e1e", "backgroundColor": "#ffec99", "fillStyle": "hachure", "strokeWidth": 2, "strokeStyle": "solid", "roughness": 1, "opacity": 100, "groupIds": [], "frameId": null, "roundness": { "type": 2 }, "seed": 1318735733, "version": 92, "versionNonce": 763971061, "isDeleted": false, "boundElements": null, "updated": 1703164418810, "link": null, "locked": false, "points": [ [ 0, 0 ], [ 97.2143945660165, 64.15066872615398 ] ], "lastCommittedPoint": null, "startBinding": { "elementId": "vgLzhNuNha-F9SIDAmkTi", "gap": 1, "focus": 0.05936500667700695 }, "endBinding": null, "startArrowhead": null, "endArrowhead": "arrow" }, { "id": "O_H5igsIpMAs1DpQDWO7w", "type": "arrow", "x": 52.685933536911094, "y": 52.18417994397373, "width": 62.7023660811701, "height": 0.06335400729915364, "angle": 0, "strokeColor": "#1e1e1e", "backgroundColor": "#ffec99", "fillStyle": "hachure", "strokeWidth": 2, "strokeStyle": "solid", "roughness": 1, "opacity": 100, "groupIds": [], "frameId": null, "roundness": { "type": 2 }, "seed": 1285341653, "version": 87, "versionNonce": 1057882075, "isDeleted": false, "boundElements": null, "updated": 1703164418811, "link": null, "locked": false, "points": [ [ 0, 0 ], [ 62.7023660811701, -0.06335400729915364 ] ], "lastCommittedPoint": null, "startBinding": { "elementId": "k5AOMW7OLhlmQb_civNcm", "gap": 4.683638063532385, "focus": 0.09057884765462415 }, "endBinding": { "elementId": "927fN2hWgscbHP10wdbeW", "gap": 3.5070636422634607, "focus": -0.053603027918646025 }, "startArrowhead": null, "endArrowhead": "arrow" }, { "type": "rectangle", "version": 296, "versionNonce": 11976533, "isDeleted": false, "id": "Pu5qG_rc5GtbueEj14hHC", "fillStyle": "solid", "strokeWidth": 2, "strokeStyle": "solid", "roughness": 1, "opacity": 100, "angle": 0, "x": -107.48360679941106, "y": 259.57653824399426, "strokeColor": "#1e1e1e", "backgroundColor": "#ffd8a8", "width": 179.73046875, "height": 44.55078125, "seed": 1247674517, "groupIds": [], "frameId": null, "roundness": { "type": 3 }, "boundElements": [ { "type": "text", "id": "17GZaxpf" } ], "updated": 1703164418811, "link": null, "locked": false }, { "type": "text", "version": 251, "versionNonce": 446123131, "isDeleted": false, "id": "17GZaxpf", "fillStyle": "solid", "strokeWidth": 2, "strokeStyle": "solid", "roughness": 1, "opacity": 100, "angle": 0, "x": -81.36831901864934, "y": 269.35192886899426, "strokeColor": "#1e1e1e", "backgroundColor": "transparent", "width": 127.49989318847656, "height": 25, "seed": 609953269, "groupIds": [], "frameId": null, "roundness": null, "boundElements": [], "updated": 1703164418811, "link": null, "locked": false, "fontSize": 20, "fontFamily": 1, "text": "Host Machine", "rawText": "Host Machine", "textAlign": "center", "verticalAlign": "middle", "containerId": "Pu5qG_rc5GtbueEj14hHC", "originalText": "Host Machine", "lineHeight": 1.25, "baseline": 18 }, { "type": "rectangle", "version": 815, "versionNonce": 10905435, "isDeleted": false, "id": "LWxBterBWVXRpXVkBuszb", "fillStyle": "solid", "strokeWidth": 2, "strokeStyle": "solid", "roughness": 1, "opacity": 100, "angle": 0, "x": 98.48336902887445, "y": 324.0243369069067, "strokeColor": "#1e1e1e", "backgroundColor": "#ffec99", "width": 172.06640625, "height": 89.9140625, "seed": 866538101, "groupIds": [], "frameId": null, "roundness": { "type": 3 }, "boundElements": [ { "type": "text", "id": "G4lWxQeh" }, { "id": "zGa553uBc84bvZAEu6V8E", "type": "arrow" } ], "updated": 1703164429832, "link": null, "locked": false }, { "type": "text", "version": 720, "versionNonce": 2137327355, "isDeleted": false, "id": "G4lWxQeh", "fillStyle": "hachure", "strokeWidth": 2, "strokeStyle": "solid", "roughness": 1, "opacity": 100, "angle": 0, "x": 120.64662281305414, "y": 356.4813681569067, "strokeColor": "#1e1e1e", "backgroundColor": "#ffec99", "width": 127.73989868164062, "height": 25, "seed": 1216232405, "groupIds": [], "frameId": null, "roundness": null, "boundElements": [], "updated": 1703164424553, "link": null, "locked": false, "fontSize": 20, "fontFamily": 1, "text": "PDF Storage", "rawText": "PDF Storage", "textAlign": "center", "verticalAlign": "middle", "containerId": "LWxBterBWVXRpXVkBuszb", "originalText": "PDF Storage", "lineHeight": 1.25, "baseline": 18 }, { "id": "zGa553uBc84bvZAEu6V8E", "type": "arrow", "x": 197.94762170128456, "y": 98.80367874364299, "width": 2.072581095927717, "height": 217.5757622100649, "angle": 0, "strokeColor": "#1e1e1e", "backgroundColor": "#ffec99", "fillStyle": "solid", "strokeWidth": 2, "strokeStyle": "solid", "roughness": 1, "opacity": 100, "groupIds": [], "frameId": null, "roundness": { "type": 2 }, "seed": 963914645, "version": 71, "versionNonce": 10818165, "isDeleted": false, "boundElements": [ { "type": "text", "id": "CKCvfmlX" } ], "updated": 1703164442486, "link": null, "locked": false, "points": [ [ 0, 0 ], [ -2.072581095927717, 217.5757622100649 ] ], "lastCommittedPoint": null, "startBinding": { "elementId": "927fN2hWgscbHP10wdbeW", "focus": -0.07662579498586611, "gap": 2.0347963761741994 }, "endBinding": { "elementId": "LWxBterBWVXRpXVkBuszb", "focus": 0.12557495821575945, "gap": 7.644895953198784 }, "startArrowhead": null, "endArrowhead": "arrow" }, { "id": "CKCvfmlX", "type": "text", "x": 118.07139585058633, "y": 182.59155984867544, "width": 157.67987060546875, "height": 50, "angle": 0, "strokeColor": "#1e1e1e", "backgroundColor": "#ffec99", "fillStyle": "solid", "strokeWidth": 2, "strokeStyle": "solid", "roughness": 1, "opacity": 100, "groupIds": [], "frameId": null, "roundness": null, "seed": 433228955, "version": 28, "versionNonce": 1619754261, "isDeleted": false, "boundElements": null, "updated": 1703164439774, "link": null, "locked": false, "text": "File Storage via\nBindMount", "rawText": "File Storage via BindMount", "fontSize": 20, "fontFamily": 1, "textAlign": "center", "verticalAlign": "middle", "baseline": 43, "containerId": "zGa553uBc84bvZAEu6V8E", "originalText": "File Storage via BindMount", "lineHeight": 1.25 } ], "appState": { "theme": "light", "viewBackgroundColor": "#ffffff", "currentItemStrokeColor": "#1e1e1e", "currentItemBackgroundColor": "#ffec99", "currentItemFillStyle": "solid", "currentItemStrokeWidth": 2, "currentItemStrokeStyle": "solid", "currentItemRoughness": 1, "currentItemOpacity": 100, "currentItemFontFamily": 1, "currentItemFontSize": 20, "currentItemTextAlign": "left", "currentItemStartArrowhead": null, "currentItemEndArrowhead": "arrow", "scrollX": 1174.20967067259, "scrollY": 715.2138598975987, "zoom": { "value": 0.4316025325897075 }, "currentItemRoundness": "round", "gridSize": null, "gridColor": { "Bold": "#C9C9C9FF", "Regular": "#EDEDEDFF" }, "currentStrokeOptions": null, "previousGridSize": null, "frameRendering": { "enabled": true, "clip": true, "name": true, "outline": true } }, "files": {}}%%