Commit 33ca576b authored by Markus Mößler's avatar Markus Mößler
Browse files

added overview doc for react frontend stage 01

parent 53329ef0

documentation/react_frontend_stage_01_overview.md

0 → 100644
+36 −0
Original line number Diff line number Diff line 


# React Frontend (Stage 01) - Overview



## Visualization



```mermaid

graph TD

    subgraph Blog Service

        TornadoServer["Tornado Server"]

        Templates["HTML Templates (Jinja-like)"]

        StaticAssets["Static Assets (CSS/JS)"]

    end



    subgraph "React (frontend)<br>Service"

        ReactServer["React Server"]

        indexJs["index.js"]

        indexCss["index.css"]

        AppJs["App.js"]

        AppCss["App.css"]

    end



    subgraph Database Service 

        PostgreSQL["PostgreSQL Database"]

    end



    User["User"] -->|HTTP Requests<br>Port 3000| ReactServer

    ReactServer -->|Renders| indexJs

    indexJs -->|Imports| indexCss

    indexJs -->|Imports| AppJs

    AppJs -->|Imports| AppCss



    User["User"] -->|HTTP Requests<br>Port 8888| TornadoServer

    TornadoServer -->|Renders| Templates

    TornadoServer -->|Serves| StaticAssets

    TornadoServer -->|Async Queries<br>Port 5432| PostgreSQL

```
 
 No newline at end of file