readme-assets/nemo-components.svg

<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" contentScriptType="application/ecmascript" contentStyleType="text/css" height="420px" preserveAspectRatio="none" style="width:346px;height:420px;" version="1.1" viewBox="0 0 346 420" width="346px" zoomAndPan="magnify"><defs><filter height="300%" id="f1oyaha1p3lov9" width="300%" x="-1" y="-1"><feGaussianBlur result="blurOut" stdDeviation="2.0"/><feColorMatrix in="blurOut" result="blurOut2" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .4 0"/><feOffset dx="4.0" dy="4.0" in="blurOut2" result="blurOut3"/><feBlend in="SourceGraphic" in2="blurOut3" mode="normal"/></filter></defs><g><!--MD5=[b7709df717efd9e6df0e9843c5de81db]
entity Nginx--><rect fill="#FEFECE" filter="url(#f1oyaha1p3lov9)" height="62.5938" style="stroke:#A80036;stroke-width:1.5;" width="152" x="155" y="120"/><rect fill="#FEFECE" height="10" style="stroke:#A80036;stroke-width:1.5;" width="15" x="287" y="125"/><rect fill="#FEFECE" height="2" style="stroke:#A80036;stroke-width:1.5;" width="4" x="285" y="127"/><rect fill="#FEFECE" height="2" style="stroke:#A80036;stroke-width:1.5;" width="4" x="285" y="131"/><text fill="#000000" font-family="sans-serif" font-size="14" font-style="italic" lengthAdjust="spacing" textLength="112" x="170" y="152.9951">«ReverseProxy»</text><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="38" x="207" y="169.292">Nginx</text><!--MD5=[f727089f68c7972e368f1a6d3ed4a5b4]
entity Django--><rect fill="#FEFECE" filter="url(#f1oyaha1p3lov9)" height="62.5938" style="stroke:#A80036;stroke-width:1.5;" width="119" x="55.5" y="244"/><rect fill="#FEFECE" height="10" style="stroke:#A80036;stroke-width:1.5;" width="15" x="154.5" y="249"/><rect fill="#FEFECE" height="2" style="stroke:#A80036;stroke-width:1.5;" width="4" x="152.5" y="251"/><rect fill="#FEFECE" height="2" style="stroke:#A80036;stroke-width:1.5;" width="4" x="152.5" y="255"/><text fill="#000000" font-family="sans-serif" font-size="14" font-style="italic" lengthAdjust="spacing" textLength="79" x="70.5" y="276.9951">«Backend»</text><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="49" x="85.5" y="293.292">Django</text><!--MD5=[da6faad10ea2976ff9405667d3a41ed5]
entity React--><rect fill="#FEFECE" filter="url(#f1oyaha1p3lov9)" height="62.5938" style="stroke:#A80036;stroke-width:1.5;" width="121" x="209.5" y="244"/><rect fill="#FEFECE" height="10" style="stroke:#A80036;stroke-width:1.5;" width="15" x="310.5" y="249"/><rect fill="#FEFECE" height="2" style="stroke:#A80036;stroke-width:1.5;" width="4" x="308.5" y="251"/><rect fill="#FEFECE" height="2" style="stroke:#A80036;stroke-width:1.5;" width="4" x="308.5" y="255"/><text fill="#000000" font-family="sans-serif" font-size="14" font-style="italic" lengthAdjust="spacing" textLength="81" x="224.5" y="276.9951">«Frontend»</text><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="40" x="245" y="293.292">React</text><!--MD5=[5daa274c99a3568a509e2bb4ad014b36]
entity Postgresql--><path d="M6,378 C6,368 53,368 53,368 C53,368 100,368 100,378 L100,403.2969 C100,413.2969 53,413.2969 53,413.2969 C53,413.2969 6,413.2969 6,403.2969 L6,378 " fill="#FEFECE" filter="url(#f1oyaha1p3lov9)" style="stroke:#000000;stroke-width:1.5;"/><path d="M6,378 C6,388 53,388 53,388 C53,388 100,388 100,378 " fill="none" style="stroke:#000000;stroke-width:1.5;"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="74" x="16" y="404.9951">Postgresql</text><!--MD5=[a888083ffba52829547934601eca9f9d]
entity Rabbitmq--><path d="M140,377.5 L216,377.5 C221,377.5 221,390.6484 221,390.6484 C221,390.6484 221,403.7969 216,403.7969 L140,403.7969 C135,403.7969 135,390.6484 135,390.6484 C135,390.6484 135,377.5 140,377.5 " fill="#FEFECE" filter="url(#f1oyaha1p3lov9)" style="stroke:#A80036;stroke-width:1.5;"/><path d="M216,377.5 C211,377.5 211,390.6484 211,390.6484 C211,403.7969 216,403.7969 216,403.7969 " fill="none" style="stroke:#A80036;stroke-width:1.5;"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="66" x="140" y="395.4951">Rabbitmq</text><!--MD5=[1eb3b408a3e072aa8e73c0e8fc429e6d]
entity HTTP80--><ellipse cx="231" cy="14" fill="#FEFECE" filter="url(#f1oyaha1p3lov9)" rx="8" ry="8" style="stroke:#A80036;stroke-width:1.5;"/><text fill="#000000" font-family="sans-serif" font-size="14" lengthAdjust="spacing" textLength="55" x="203.5" y="43.9951">HTTP80</text><!--MD5=[316b914ed6d3691b5536256f47232fcd]
reverse link HTTP80 to Nginx--><path d="M231,28.2887 C231,49.7812 231,90.9764 231,119.7929 " fill="none" id="HTTP80-backto-Nginx" style="stroke:#A80036;stroke-width:1.0;stroke-dasharray:7.0,7.0;"/><polygon fill="#A80036" points="231,23.0218,227,32.0218,231,28.0218,235,32.0218,231,23.0218" style="stroke:#A80036;stroke-width:1.0;"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacing" textLength="106" x="232" y="86.0669">recieve requests</text><!--MD5=[f3a2665b419b0839678a2e27d9c2b41c]
link Django to Rabbitmq--><path d="M132.3818,307.2287 C143.9671,328.3765 158.765,355.3885 168.3119,372.8154 " fill="none" id="Django-to-Rabbitmq" style="stroke:#A80036;stroke-width:1.0;"/><polygon fill="#A80036" points="170.8583,377.4636,170.0423,367.6486,168.456,373.0785,163.0261,371.4922,170.8583,377.4636" style="stroke:#A80036;stroke-width:1.0;"/><!--MD5=[dddce1488151afbe21449af8b208a29f]
link Nginx to Django--><path d="M201.4282,183.1113 C185.2028,200.4556 165.0342,222.0152 148.2619,239.9442 " fill="none" id="Nginx-to-Django" style="stroke:#A80036;stroke-width:1.0;"/><polygon fill="#A80036" points="144.5178,243.9464,153.5874,240.1068,147.9337,240.2951,147.7453,234.6414,144.5178,243.9464" style="stroke:#A80036;stroke-width:1.0;"/><!--MD5=[46731648f850b5b91b0079b6b5babf41]
link Nginx to React--><path d="M240.9423,183.1113 C246.3056,200.1641 252.9506,221.2917 258.5319,239.0372 " fill="none" id="Nginx-to-React" style="stroke:#A80036;stroke-width:1.0;"/><polygon fill="#A80036" points="260.0759,243.9464,261.1911,234.1609,258.5756,239.1768,253.5597,236.5613,260.0759,243.9464" style="stroke:#A80036;stroke-width:1.0;"/><!--MD5=[0d20a23e3d7cc40b0582eb09e2f40941]
link Django to Postgresql--><path d="M97.8941,307.2287 C88.3929,324.8519 76.6962,346.5474 67.6241,363.3747 " fill="none" id="Django-to-Postgresql" style="stroke:#A80036;stroke-width:1.0;"/><polygon fill="#A80036" points="65.1389,367.9843,72.9309,361.9606,67.5117,363.5832,65.8891,358.1641,65.1389,367.9843" style="stroke:#A80036;stroke-width:1.0;"/><!--MD5=[a7f448d0cb377950a759c8ddc6affff3]
@startuml
component Nginx << ReverseProxy >>
component Django << Backend >>
component React << Frontend >>
database Postgresql
queue Rabbitmq

[Nginx] .up.> HTTP80 : recieve requests

[Django] - -> [Rabbitmq]
[Nginx] - -> [Django]
[Nginx] - -> [React]
[Django] - -> [Postgresql]
@enduml

PlantUML version 1.2021.01(Tue Feb 02 07:55:08 UTC 2021)
(GPL source distribution)
Java Runtime: OpenJDK Runtime Environment
JVM: OpenJDK 64-Bit Server VM
Default Encoding: UTF-8
Language: en
Country: null
--></g></svg>