diagrams/serverless-architecture.drawio.svg

<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="1100px" height="641px" viewBox="-0.5 -0.5 1100 641" content="&lt;mxfile&gt;&lt;diagram id=&quot;fmu10-6KpuLoh9J6RmVV&quot; name=&quot;Page-1&quot;&gt;7Vpdb+MoFP01eY0M+CuP+Wi6s5pdVaq0O/M0IjZ1UB0TEdIk++sXbEhsQ9O0dZqZSZu0NQe4hss5gC/uofFie8vxcv4XS0neg1667aFJD8IYAvlXAbsKiKKoAjJO0woCB+Ce/kc06Gl0TVOyahQUjOWCLptgwoqCJKKBYc7ZplnsgeXNuy5xRizgPsG5jf5LUzHXKPC8Q8YfhGZzfes40BkLbAprYDXHKdvUIHTTQ2POmKiuFtsxyZXvjF+qetNncvcN46QQp1SA2vFPOF/rzumGiZ3prWzjUl2SrTQ5Stl6VuYAmeBsXaQk1anNnApyv8SJyt7IkZfYXCxynf3ACjFmOeOlWTT11EfhNM9rOByqj8RXgrNH4qph91J3/IlwQbY1SPf6lrAFEXwni5jcflBV0RT09YBsauPpDWJTal4bzdCUxZpG2d76wdPyQjv7mZHyLMdPdgVesMnIHoBHIhLVKNX3JaOFKG8cjORXmhlXv4EsOlZIHwYO0IVFNgjsYvIfcN2hDbqwyAaBXUylTKuboAuLArvF7drAURu0assvGrG1yGkhWWZmCu8IUzOOU0oaef4kglNUy5tQLg1RVsj8gnFFpjbD5Y8/GrgY/lD+KJXh1bzUlbqtYjWVs89XPCP5HVtRbX7GhGCLWoFhTjOVIZiSHtapRLaKcFuLel4F0KQ149Qt8WpZueOBblU7RmYSWGwzNaX38Wbl9zlZsTVPyJdEtWckk9VVs1Ra8jqddSPcQeg1hBt4saXcKLZVa7B3iRZYov2KF7MU99BQwmM5G0pP/0PJRvr7U8W/joqnUXzj+a9T8cQLxiC6GhXnmuhdaHi/gmoNozj8OA0jS8PDuy8SuMWCbPDuU7e/kG4HfjCZwtfpNhgibxRcjW7xkv7INLU7Ea+PwOXEG1ji/aLcWxBxXLfvIlrBCmLzaF+8ySNd+KejUDlzEX7zRKoJDDxHK2oc2glbYNCc6n0PnMQWvwu2hCc83L6WJfIzVbe7cpYs2Izm5EeS05IbXVAl9trP5KFvccUHZ5pZTgmEfHLlTVzpkiQhbFAEDuy4jXPxCd9PEROzO0YRkmbEOE1tP1jGCpzfHNC6x0mRDlU0Uo1bzpJHBeWzMm2GryQD5qJdrgSnNK+ZqqWej5wdAnbHFkA5PHz3TRcqE99Voh+Y5GRbz5zs6qk7wqn0raJXBW6p+HaoLlPfTaPl9cGSSuxqibadZ8lT7YJ6jSd06Z6MmGJ63NTYHKVYI/anK3GSY0GfmoFfF4u0uTslihpdo4F7SjMmqsbrWvVA7QuGgrahqseWoZLU+z6exnM7ytEZz/Vc9laaX4zYTg57H8jh+HIcjszNDYdh8DYOxy8Z6pDD8Frm6tMohRyUApejVOANuqFU+JKhDinlW5QaVxsbGOZqdzPj8ipTVw9cDpYcZnsH+YFHaXqqPespGmyGAmBo78aAwerbMYQ6OEKDdjDgmjVu+NnQeHA5jYO49eQP3qhx+JKhDjV+QsTg96BUp1v809agwMFPdDl+ItTRtsZvn0gG3tn4GVv8HPJErRWJWHNicVVUC40znuBYK9zRAOi3ogHAEV9Y0DQtyW+FGF49qZ2+/ARe0/N7arjo0ogudvEGhz0WM5w8XsOyH8cv+x26/A4HR2R6quNtv//NUvLnveV2Z4ju3GE0RwQM9XGRcqba3w75xeNx6E+PRAjPJ55B6xAWQMeLFMj1AlTsv38QB9Yg3iNbN59Hrz/t0WvoDRGKeq86eoVRBEDomp1+y6PXFTqPUmGIbKV2c+Iqk4eXT6sNyuENXnTzPw==&lt;/diagram&gt;&lt;/mxfile&gt;">
    <defs>
        <linearGradient x1="0%" y1="100%" x2="0%" y2="0%" id="mx-gradient-4d72f3-1-3334b9-1-s-0">
            <stop offset="0%" style="stop-color: rgb(51, 52, 185); stop-opacity: 1;"/>
            <stop offset="100%" style="stop-color: rgb(77, 114, 243); stop-opacity: 1;"/>
        </linearGradient>
        <linearGradient x1="0%" y1="100%" x2="0%" y2="0%" id="mx-gradient-f78e04-1-d05c17-1-s-0">
            <stop offset="0%" style="stop-color: rgb(208, 92, 23); stop-opacity: 1;"/>
            <stop offset="100%" style="stop-color: rgb(247, 142, 4); stop-opacity: 1;"/>
        </linearGradient>
        <linearGradient x1="0%" y1="100%" x2="0%" y2="0%" id="mx-gradient-945df2-1-5a30b5-1-s-0">
            <stop offset="0%" style="stop-color: rgb(90, 48, 181); stop-opacity: 1;"/>
            <stop offset="100%" style="stop-color: rgb(148, 93, 242); stop-opacity: 1;"/>
        </linearGradient>
        <linearGradient x1="0%" y1="100%" x2="0%" y2="0%" id="mx-gradient-60a337-1-277116-1-s-0">
            <stop offset="0%" style="stop-color: rgb(39, 113, 22); stop-opacity: 1;"/>
            <stop offset="100%" style="stop-color: rgb(96, 163, 55); stop-opacity: 1;"/>
        </linearGradient>
    </defs>
    <g>
        <rect x="0.5" y="0" width="1098.5" height="640" rx="96" ry="96" fill="#2a2a2a" stroke="#f0f0f0" pointer-events="all"/>
        <rect x="2.5" y="2" width="1094.5" height="636" rx="95.4" ry="95.4" fill="#2a2a2a" stroke="#f0f0f0" pointer-events="all"/>
        <path d="M 959 468 L 1037 468 L 1037 546 L 959 546 Z" fill="url(#mx-gradient-4d72f3-1-3334b9-1-s-0)" stroke="none" pointer-events="all"/>
        <path d="M 1011.42 523.55 C 1007.7 526.55 999.9 528.14 992.43 528.14 C 984.97 528.14 977.16 526.55 973.44 523.55 L 973.44 529.6 L 973.44 529.6 C 973.44 532.62 981.24 535.99 992.43 535.99 C 1003.62 535.99 1011.41 532.63 1011.42 529.61 Z M 1011.43 512.04 L 1013.65 512.03 L 1013.65 512.04 C 1013.65 513.38 1012.98 514.64 1011.67 515.79 C 1013.26 517.19 1013.65 518.57 1013.65 519.54 C 1013.65 519.55 1013.65 519.56 1013.65 519.56 L 1013.65 529.6 L 1013.65 529.6 C 1013.65 535.19 1002.72 538.2 992.43 538.2 C 982.17 538.2 971.27 535.2 971.22 529.64 C 971.22 529.64 971.21 529.63 971.21 529.62 L 971.21 519.54 C 971.21 519.54 971.22 519.54 971.22 519.53 C 971.22 518.55 971.62 517.19 973.21 515.79 C 971.63 514.39 971.23 513.03 971.22 512.06 L 971.22 512.06 C 971.22 512.06 971.21 512.06 971.21 512.05 L 971.21 501.97 C 971.21 501.96 971.22 501.96 971.22 501.96 C 971.22 500.98 971.62 499.61 973.21 498.22 C 971.63 496.82 971.23 495.46 971.22 494.49 L 971.22 494.49 C 971.22 494.49 971.21 494.48 971.21 494.48 L 971.21 484.39 C 971.21 484.39 971.22 484.39 971.22 484.38 C 971.24 478.81 982.16 475.8 992.43 475.8 C 998.24 475.8 1003.82 476.72 1007.74 478.33 L 1006.89 480.37 C 1003.23 478.87 997.96 478.01 992.43 478.01 C 981.24 478.01 973.44 481.38 973.44 484.4 C 973.44 487.42 981.24 490.79 992.43 490.79 C 992.74 490.79 993.03 490.79 993.33 490.78 L 993.42 492.98 C 993.09 493 992.76 493 992.43 493 C 984.97 493 977.16 491.41 973.44 488.4 L 973.44 494.45 L 973.44 494.45 L 973.44 494.48 C 973.46 495.64 974.64 496.65 975.64 497.29 C 978.64 499.2 984.01 500.51 990 500.78 L 989.9 502.99 C 983.83 502.71 978.52 501.45 975.1 499.53 C 974.25 500.15 973.44 501.01 973.44 501.97 C 973.44 504.99 981.24 508.36 992.43 508.36 C 993.53 508.36 994.62 508.32 995.68 508.25 L 995.83 510.46 C 994.73 510.53 993.58 510.57 992.43 510.57 C 984.97 510.57 977.16 508.98 973.44 505.97 L 973.44 512.03 L 973.44 512.03 C 973.46 513.21 974.64 514.22 975.64 514.87 C 979.07 517.05 985.5 518.42 992.43 518.42 L 992.92 518.42 L 992.92 520.63 L 992.43 520.63 C 985.39 520.63 978.99 519.32 975.08 517.11 C 974.24 517.74 973.44 518.59 973.44 519.54 C 973.44 522.57 981.24 525.93 992.43 525.93 C 1003.62 525.93 1011.41 522.57 1011.42 519.55 L 1011.42 519.54 L 1011.42 519.54 C 1011.42 518.58 1010.62 517.73 1009.78 517.1 C 1009.24 517.41 1008.65 517.71 1007.99 517.98 L 1007.14 515.94 C 1007.95 515.61 1008.65 515.25 1009.22 514.87 C 1010.23 514.21 1011.43 513.19 1011.43 512.04 Z M 1020.97 495.88 L 1014.73 495.88 C 1014.36 495.88 1014.01 495.69 1013.8 495.39 C 1013.6 495.09 1013.55 494.7 1013.69 494.36 L 1017.49 484.87 L 1003.1 484.87 L 996.42 498.13 L 1003.53 498.13 C 1003.89 498.13 1004.22 498.3 1004.43 498.58 C 1004.64 498.87 1004.7 499.23 1004.59 499.57 L 998.24 519.36 Z M 1024.39 495.54 L 996.53 524.32 C 996.32 524.54 996.02 524.65 995.73 524.65 C 995.53 524.65 995.34 524.6 995.16 524.5 C 994.71 524.24 994.51 523.71 994.67 523.22 L 1002.01 500.34 L 994.62 500.34 C 994.23 500.34 993.87 500.14 993.67 499.82 C 993.46 499.49 993.45 499.08 993.62 498.74 L 1001.42 483.27 C 1001.61 482.89 1001.99 482.66 1002.42 482.66 L 1019.13 482.66 C 1019.5 482.66 1019.85 482.84 1020.05 483.14 C 1020.26 483.45 1020.3 483.83 1020.17 484.17 L 1016.37 493.67 L 1023.59 493.67 C 1024.03 493.67 1024.44 493.93 1024.61 494.34 C 1024.79 494.75 1024.7 495.22 1024.39 495.54 Z M 975.06 530.04 C 976.64 530.93 978.63 531.67 980.97 532.26 L 981.52 530.11 C 979.4 529.59 977.55 528.9 976.17 528.12 Z M 980.97 514.58 L 981.52 512.43 C 979.4 511.9 977.55 511.21 976.17 510.43 L 975.06 512.35 C 976.64 513.24 978.63 513.99 980.97 514.58 Z M 975.06 494.67 L 976.17 492.75 C 977.55 493.53 979.4 494.22 981.52 494.75 L 980.97 496.89 C 978.63 496.31 976.64 495.56 975.06 494.67 Z" fill="#ffffff" stroke="none" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 553px; margin-left: 998px;">
                        <div data-drawio-colors="color: #F0F0F0; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(240, 240, 240); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                DynamoDB
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="998" y="565" fill="#F0F0F0" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    DynamoDB
                </text>
            </switch>
        </g>
        <path d="M 639 346 L 717 346 L 717 424 L 639 424 Z" fill="url(#mx-gradient-f78e04-1-d05c17-1-s-0)" stroke="none" pointer-events="all"/>
        <path d="M 664.67 413.97 L 650.83 413.97 L 666.13 381.99 L 673.06 396.26 Z M 667.13 378.93 C 666.94 378.55 666.55 378.3 666.13 378.3 L 666.12 378.3 C 665.69 378.3 665.3 378.55 665.12 378.94 L 648.05 414.61 C 647.89 414.95 647.91 415.36 648.11 415.68 C 648.32 416 648.68 416.2 649.06 416.2 L 665.37 416.2 C 665.8 416.2 666.2 415.95 666.38 415.56 L 675.31 396.73 C 675.46 396.43 675.46 396.07 675.31 395.77 Z M 705.88 413.97 L 692.13 413.97 L 670.08 367.81 C 669.9 367.42 669.5 367.17 669.07 367.17 L 660.08 367.17 L 660.09 356.03 L 677.72 356.03 L 699.67 402.19 C 699.85 402.58 700.25 402.83 700.68 402.83 L 705.88 402.83 Z M 707 400.6 L 701.38 400.6 L 679.43 354.44 C 679.25 354.05 678.85 353.8 678.42 353.8 L 658.97 353.8 C 658.36 353.8 657.86 354.3 657.85 354.91 L 657.84 368.28 C 657.84 368.58 657.96 368.86 658.17 369.07 C 658.38 369.28 658.66 369.4 658.96 369.4 L 668.37 369.4 L 690.42 415.56 C 690.61 415.95 691 416.2 691.43 416.2 L 707 416.2 C 707.61 416.2 708.11 415.7 708.11 415.09 L 708.11 401.71 C 708.11 401.1 707.61 400.6 707 400.6 Z" fill="#ffffff" stroke="none" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 431px; margin-left: 678px;">
                        <div data-drawio-colors="color: #F0F0F0; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(240, 240, 240); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                Lambda: CounterViewer
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="678" y="443" fill="#F0F0F0" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Lambda: Count...
                </text>
            </switch>
        </g>
        <path d="M 430 346 L 508 346 L 508 424 L 430 424 Z" fill="url(#mx-gradient-945df2-1-5a30b5-1-s-0)" stroke="none" pointer-events="all"/>
        <path d="M 462.39 402.43 L 465.66 402.43 L 465.66 400.19 L 462.39 400.19 Z M 467.89 402.43 L 471.23 402.43 L 471.23 400.19 L 467.89 400.19 Z M 454.53 356.78 L 440.05 363.97 L 440.05 408.62 L 454.53 413.52 Z M 456.75 370.99 L 456.75 400.19 L 460.09 400.19 L 460.09 402.43 L 456.75 402.43 L 456.75 415.08 C 456.75 415.44 456.58 415.78 456.29 415.99 C 456.1 416.13 455.87 416.2 455.64 416.2 C 455.52 416.2 455.4 416.18 455.29 416.14 L 438.59 410.5 C 438.13 410.34 437.83 409.91 437.83 409.43 L 437.83 363.27 C 437.83 362.84 438.07 362.45 438.45 362.26 L 455.15 353.97 C 455.49 353.8 455.9 353.82 456.23 354.03 C 456.55 354.23 456.75 354.59 456.75 354.98 L 456.75 368.75 L 460.09 368.75 L 460.09 370.99 Z M 473.45 402.43 L 476.79 402.43 L 476.79 400.19 L 473.45 400.19 Z M 473.53 370.99 L 476.79 370.99 L 476.79 368.75 L 473.53 368.75 Z M 467.96 370.99 L 471.23 370.99 L 471.23 368.75 L 467.96 368.75 Z M 462.39 370.99 L 465.66 370.99 L 465.66 368.75 L 462.39 368.75 Z M 497.95 363.97 L 483.47 356.78 L 483.47 413.52 L 497.95 408.62 Z M 500.17 409.43 C 500.17 409.91 499.87 410.34 499.41 410.5 L 482.71 416.14 C 482.6 416.18 482.48 416.2 482.36 416.2 C 482.13 416.2 481.9 416.13 481.71 415.99 C 481.42 415.78 481.25 415.44 481.25 415.08 L 481.25 402.43 L 479.09 402.43 L 479.09 400.19 L 481.25 400.19 L 481.25 370.99 L 479.09 370.99 L 479.09 368.75 L 481.25 368.75 L 481.25 354.98 C 481.25 354.59 481.45 354.23 481.77 354.03 C 482.1 353.82 482.51 353.8 482.85 353.97 L 499.55 362.26 C 499.93 362.45 500.17 362.84 500.17 363.27 Z M 472.27 378.13 L 470.19 377.33 L 464.62 391.92 L 466.7 392.73 Z M 479.81 385.26 C 480.24 384.82 480.24 384.11 479.81 383.67 L 475.35 379.18 L 473.78 380.77 L 477.45 384.47 L 473.78 388.16 L 475.35 389.75 Z M 462.65 389.75 L 458.19 385.26 C 457.76 384.82 457.76 384.11 458.19 383.67 L 462.65 379.18 L 464.22 380.77 L 460.55 384.47 L 464.22 388.16 Z" fill="#ffffff" stroke="none" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 431px; margin-left: 469px;">
                        <div data-drawio-colors="color: #F0F0F0; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(240, 240, 240); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                API Gateway
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="469" y="443" fill="#F0F0F0" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    API Gateway
                </text>
            </switch>
        </g>
        <rect x="249" y="361" width="78" height="48" fill="none" stroke="none" pointer-events="all"/>
        <path d="M 305.82 395.86 L 299.76 401.91 L 299.76 382.33 L 296.39 382.33 L 296.39 401.72 L 290.6 395.83 L 288.2 398.2 L 296.95 407.09 C 297.26 407.41 297.69 407.59 298.14 407.59 L 298.15 407.59 C 298.59 407.59 299.02 407.41 299.34 407.1 L 308.2 398.24 Z M 285.2 392.38 L 287.58 390 L 278.72 381.14 C 278.41 380.83 277.98 380.65 277.53 380.65 L 277.53 380.65 C 277.08 380.65 276.65 380.83 276.33 381.15 L 267.58 390.04 L 269.98 392.41 L 275.78 386.52 L 275.78 408.94 L 279.15 408.94 L 279.15 386.33 Z M 281.8 408.97 L 293.71 408.98 L 293.71 405.61 L 281.8 405.6 Z M 325.08 394.75 C 325.08 398.94 323.81 402.33 321.3 404.81 C 317.17 408.92 311.18 409 310.71 409 L 310.69 409 L 302.67 408.99 L 302.67 405.62 L 310.7 405.63 C 310.77 405.63 315.75 405.6 318.95 402.41 C 320.78 400.57 321.71 398 321.71 394.75 C 321.71 392.76 321.16 389.78 316.44 386.88 C 313.95 385.36 311.63 384.86 310.75 384.72 C 309.85 384.57 309.24 383.75 309.34 382.86 C 309.04 379.33 307.39 376.86 304.79 376.07 C 302.54 375.39 300.14 376.18 298.65 378.1 C 298.28 378.58 297.69 378.83 297.07 378.73 C 296.46 378.64 295.96 378.23 295.74 377.65 C 294.7 374.85 293.2 372.49 291.27 370.65 C 288.9 368.38 282.38 363.49 273.16 367.22 C 267.88 369.35 263.74 375.48 263.74 381.17 C 263.74 381.8 263.78 382.44 263.86 383.06 C 263.96 383.87 263.46 384.65 262.68 384.88 C 262.62 384.9 262.55 384.92 262.48 384.93 C 259.38 385.71 254.29 388.06 254.29 395.03 C 254.29 400.33 257.32 403.26 259.86 404.78 C 260.73 405.3 261.73 405.58 262.76 405.58 L 273.12 405.59 L 273.12 408.96 L 262.76 408.95 C 261.12 408.95 259.52 408.51 258.13 407.67 C 255.44 406.06 250.92 402.27 250.92 395.03 C 250.92 388.78 254.43 384.01 260.39 382.03 C 260.38 381.74 260.37 381.46 260.37 381.17 C 260.37 374.09 265.33 366.75 271.9 364.09 C 279.56 361 287.67 362.55 293.6 368.22 C 295.34 369.88 296.78 371.88 297.91 374.17 C 300.16 372.54 303.03 372.02 305.77 372.85 C 309.46 373.96 311.95 377.22 312.6 381.66 C 314.5 382.14 316.49 382.96 318.2 384.01 C 322.83 386.85 325.08 390.36 325.08 394.75 Z" fill="#f0f0f0" stroke="none" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 416px; margin-left: 288px;">
                        <div data-drawio-colors="color: #F0F0F0; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(240, 240, 240); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                Internet
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="288" y="428" fill="#F0F0F0" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Internet
                </text>
            </switch>
        </g>
        <rect x="79.5" y="424" width="41" height="78" fill="none" stroke="none" pointer-events="all"/>
        <path d="M 92.5 432.57 C 92.79 432.57 93.02 432.8 93.02 433.09 C 93.02 433.38 92.79 433.62 92.5 433.62 C 92.21 433.62 91.97 433.38 91.97 433.09 C 91.97 432.8 92.21 432.57 92.5 432.57 Z M 92.5 436.18 C 94.2 436.18 95.59 434.8 95.59 433.09 C 95.59 431.39 94.2 430 92.5 430 C 90.79 430 89.41 431.39 89.41 433.09 C 89.41 434.8 90.79 436.18 92.5 436.18 Z M 98.32 434.78 L 107.49 434.78 L 107.49 431.36 L 98.32 431.36 Z M 113.98 497.04 L 86.02 497.04 C 84.31 497.04 82.92 495.68 82.92 494 L 82.92 491.59 L 117.08 491.59 L 117.08 494 C 117.08 495.68 115.69 497.04 113.98 497.04 Z M 82.92 440.59 L 117.08 440.59 L 117.08 488.18 L 82.92 488.18 L 82.92 471.6 Z M 87.44 428.96 L 112.56 428.96 C 115.05 428.96 117.08 430.96 117.08 433.41 L 117.08 437.17 L 82.92 437.17 L 82.92 433.41 C 82.92 430.96 84.95 428.96 87.44 428.96 Z M 112.58 425.54 L 112.56 425.54 L 87.44 425.54 C 83.06 425.54 79.5 429.07 79.5 433.41 L 79.5 494 C 79.5 497.56 82.42 500.46 86.02 500.46 L 113.98 500.46 C 117.58 500.46 120.5 497.56 120.5 494 L 120.5 433.41 L 120.5 433.4 C 120.5 429.08 116.95 425.56 112.58 425.54 Z" fill="#f0f0f0" stroke="none" pointer-events="all"/>
        <rect x="61" y="250" width="78" height="76" fill="none" stroke="none" pointer-events="all"/>
        <path d="M 134 250 L 66.01 250 C 63.43 250 61.34 252.09 61.34 254.67 L 61.34 299.56 C 61.34 302.13 63.43 304.22 66.01 304.22 L 134 304.22 C 136.57 304.22 138.66 302.13 138.66 299.56 L 138.66 254.67 C 138.66 252.09 136.57 250 134 250 Z M 135.13 299.56 C 135.13 300.18 134.62 300.69 134 300.69 L 66.01 300.69 C 65.38 300.69 64.87 300.18 64.87 299.56 L 64.87 254.67 C 64.87 254.04 65.38 253.53 66.01 253.53 L 134 253.53 C 134.62 253.53 135.13 254.04 135.13 254.67 Z M 129.92 256.18 L 70.03 256.18 C 68.64 256.18 67.52 257.31 67.52 258.69 L 67.52 295.53 C 67.52 296.92 68.64 298.04 70.03 298.04 L 129.92 298.04 C 131.3 298.04 132.43 296.92 132.43 295.53 L 132.43 258.69 C 132.43 257.31 131.3 256.18 129.92 256.18 Z M 71.05 294.51 L 71.05 259.71 L 128.9 259.71 L 128.9 294.51 Z M 134 307.15 L 66.01 307.15 C 63.43 307.15 61.34 309.24 61.34 311.82 L 61.34 321.33 C 61.34 323.9 63.43 326 66.01 326 L 134 326 C 136.57 326 138.66 323.9 138.66 321.33 L 138.66 311.82 C 138.66 309.24 136.57 307.15 134 307.15 Z M 135.13 321.33 C 135.13 321.96 134.62 322.47 134 322.47 L 66.01 322.47 C 65.38 322.47 64.87 321.96 64.87 321.33 L 64.87 311.82 C 64.87 311.19 65.38 310.68 66.01 310.68 L 134 310.68 C 134.62 310.68 135.13 311.19 135.13 311.82 Z M 132.49 314.93 L 132.49 318.32 C 132.49 319.1 131.86 319.72 131.09 319.72 L 112.12 319.72 C 111.34 319.72 110.72 319.1 110.72 318.32 L 110.72 314.93 C 110.72 314.15 111.34 313.53 112.12 313.53 L 131.09 313.53 C 131.86 313.53 132.49 314.15 132.49 314.93 Z" fill="#f0f0f0" stroke="none" pointer-events="all"/>
        <path d="M 678 432.12 L 678 507 L 950.88 507" fill="none" stroke="#f0f0f0" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 678 425.12 L 681.5 432.12 L 674.5 432.12 Z" fill="#f0f0f0" stroke="#f0f0f0" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 957.88 507 L 950.88 510.5 L 950.88 503.5 Z" fill="#f0f0f0" stroke="#f0f0f0" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 678 337.88 L 678 205.5 L 879 205.5" fill="none" stroke="#f0f0f0" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 678 344.88 L 674.5 337.88 L 681.5 337.88 Z" fill="#f0f0f0" stroke="#f0f0f0" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 516.12 385 L 630.88 385" fill="none" stroke="#f0f0f0" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 509.12 385 L 516.12 381.5 L 516.12 388.5 Z" fill="#f0f0f0" stroke="#f0f0f0" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 637.88 385 L 630.88 388.5 L 630.88 381.5 Z" fill="#f0f0f0" stroke="#f0f0f0" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="20" y="220" width="160" height="330" rx="24" ry="24" fill="none" stroke="#f0f0f0" pointer-events="all"/>
        <rect x="22" y="222" width="156" height="326" rx="23.4" ry="23.4" fill="none" stroke="#f0f0f0" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 154px; height: 1px; padding-top: 385px; margin-left: 23px;">
                        <div data-drawio-colors="color: #F0F0F0; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(240, 240, 240); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Client
                                <br/>
                                frontend
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="100" y="389" fill="#F0F0F0" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Client...
                </text>
            </switch>
        </g>
        <path d="M 188.12 385 L 242.8 385" fill="none" stroke="#f0f0f0" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 181.12 385 L 188.12 381.5 L 188.12 388.5 Z" fill="#f0f0f0" stroke="#f0f0f0" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 249.8 385 L 242.8 388.5 L 242.8 381.5 Z" fill="#f0f0f0" stroke="#f0f0f0" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 333.2 385 L 421.88 385" fill="none" stroke="#f0f0f0" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 326.2 385 L 333.2 381.5 L 333.2 388.5 Z" fill="#f0f0f0" stroke="#f0f0f0" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 428.88 385 L 421.88 388.5 L 421.88 381.5 Z" fill="#f0f0f0" stroke="#f0f0f0" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="499" y="60" width="100" height="40" fill="none" stroke="none" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 80px; margin-left: 549px;">
                        <div data-drawio-colors="color: #F0F0F0; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 24px; font-family: Helvetica; color: rgb(240, 240, 240); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: nowrap;">
                                Architecture
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="549" y="87" fill="#F0F0F0" font-family="Helvetica" font-size="24px" text-anchor="middle" font-weight="bold">
                    Architec...
                </text>
            </switch>
        </g>
        <rect x="879" y="60" width="200" height="291" rx="30" ry="30" fill="none" stroke="#f0f0f0" pointer-events="all"/>
        <rect x="881" y="62" width="196" height="287" rx="29.4" ry="29.4" fill="none" stroke="#f0f0f0" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 194px; height: 1px; padding-top: 206px; margin-left: 882px;">
                        <div data-drawio-colors="color: #F0F0F0; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(240, 240, 240); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                backend
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="979" y="209" fill="#F0F0F0" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    backend
                </text>
            </switch>
        </g>
        <path d="M 975.75 172 L 939 150.97 L 939 108.92 L 975.75 88 L 1012.5 108.92 L 1012.5 150.97 Z" fill="#444444" stroke="none" pointer-events="all"/>
        <path d="M 976.87 168.61 L 976.87 152.79 L 975.75 153.46 L 974.63 152.79 L 974.63 168.61 L 941.25 149.61 L 941.25 111.52 L 955.18 119.46 L 955.18 118.18 L 956.32 117.49 L 942.49 109.59 L 975.75 90.59 L 1009.01 109.59 L 995.17 117.5 L 996.3 118.08 L 996.3 119.45 L 1010.24 111.52 L 1010.24 149.61 Z" fill="#ffffff" stroke="none" pointer-events="all"/>
        <rect x="939" y="88" width="0" height="0" fill="none" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <path d="M 975.75 128.58 L 958.57 118.87 L 975.75 109.03 L 992.93 118.75 Z M 976.87 150.19 L 976.87 130.63 L 994.06 120.79 L 994.06 140.34 Z M 974.63 150.19 L 957.43 140.34 L 957.43 120.79 L 974.63 130.62 Z" fill="#8cc64f" stroke="none" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 179px; margin-left: 976px;">
                        <div data-drawio-colors="color: #F0F0F0; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(240, 240, 240); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                NodeJS
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="976" y="191" fill="#F0F0F0" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    NodeJS
                </text>
            </switch>
        </g>
        <path d="M 939 223 L 1017 223 L 1017 301 L 939 301 Z" fill="url(#mx-gradient-60a337-1-277116-1-s-0)" stroke="none" pointer-events="all"/>
        <path d="M 1001.28 265.22 L 1001.71 262.21 C 1005.66 264.57 1005.71 265.55 1005.71 265.58 C 1005.7 265.58 1005.03 266.14 1001.28 265.22 Z M 999.12 264.62 C 992.3 262.56 982.8 258.2 978.96 256.39 C 978.96 256.37 978.96 256.36 978.96 256.34 C 978.96 254.86 977.76 253.66 976.28 253.66 C 974.81 253.66 973.61 254.86 973.61 256.34 C 973.61 257.82 974.81 259.02 976.28 259.02 C 976.93 259.02 977.52 258.78 977.98 258.39 C 982.51 260.53 991.93 264.82 998.8 266.85 L 996.08 286.03 C 996.07 286.08 996.07 286.13 996.07 286.18 C 996.07 287.87 988.6 290.97 976.39 290.97 C 964.05 290.97 956.49 287.87 956.49 286.18 C 956.49 286.13 956.49 286.08 956.48 286.03 L 950.81 244.57 C 955.72 247.95 966.29 249.74 976.39 249.74 C 986.48 249.74 997.03 247.96 1001.96 244.59 Z M 950.21 240.25 C 950.29 238.78 958.71 233.03 976.39 233.03 C 994.07 233.03 1002.5 238.78 1002.58 240.25 L 1002.58 240.75 C 1001.61 244.04 990.69 247.51 976.39 247.51 C 962.07 247.51 951.15 244.02 950.21 240.73 Z M 1004.81 240.27 C 1004.81 236.41 993.74 230.8 976.39 230.8 C 959.05 230.8 947.98 236.41 947.98 240.27 L 948.08 241.11 L 954.27 286.27 C 954.41 291.32 967.88 293.2 976.39 293.2 C 986.94 293.2 998.15 290.77 998.3 286.27 L 1000.97 267.44 C 1002.45 267.8 1003.68 267.98 1004.66 267.98 C 1005.98 267.98 1006.87 267.66 1007.41 267.01 C 1007.85 266.49 1008.02 265.85 1007.89 265.16 C 1007.61 263.62 1005.77 261.96 1002.05 259.83 L 1004.69 241.16 Z" fill="#ffffff" stroke="none" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 308px; margin-left: 978px;">
                        <div data-drawio-colors="color: #F0F0F0; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(240, 240, 240); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                S3
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="978" y="320" fill="#F0F0F0" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    S3
                </text>
            </switch>
        </g>
    </g>
    <switch>
        <g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/>
        <a transform="translate(0,-5)" xlink:href="https://www.diagrams.net/doc/faq/svg-export-text-problems" target="_blank">
            <text text-anchor="middle" font-size="10px" x="50%" y="100%">
                Viewer does not support full SVG 1.1
            </text>
        </a>
    </switch>
</svg>