@startuml

node "<<device>> \nBackend Server" as backendServer{
    database " <<database system>> \n MariaDB Server 10.6" as database {
        rectangle rectangle1 [
            <<schema>> 
                User
        ]
        rectangle rectangle2 [
            <<schema>> 
            SubscriptionAction
        ]
        rectangle rectangle3 [
            <<schema>> 
            EpisodeAction
        ]
        rectangle rectangle4 [
            <<schema>> 
            Subscription
        ]
        rectangle rectangle5 [
            <<schema>> 
            Episode
        ]
    }

    node "<<framework>> \nJava Spring" as javaSpring{
        node "        <<device>> \n Tomcat Webserver" 
    }
}

node "<<device>> \nFrontend" as frontendServer {
    
}

node "<<device>> \nEndgerät" as terminal {
    node "<<application>> \nBrowser" as browser
    node "<<application>> \nPodcatcher" as podcatcher
}

backendServer "1" - "*" podcatcher

node "<<device>> \nFrontend Server" as frontendServer{
    node "<<framework>> \nVue.js" as vuejs {
        
    }
}

podcatcher -[hidden] browser

backendServer  - "1" frontendServer

database "1" -- "1" javaSpring

browser  "*" -- frontendServer



@enduml