# Anhang: Architektur - Ripster
Benutzerhandbuch für den Betrieb von Ripster mit technischem Anhang
Author: Michael

Zum Inhalt

# Anhang: Architektur

Ripster ist eine Client-Server-Anwendung mit REST + WebSocket und externen CLI-Tools.

## Systemüberblick

    graph TB
        subgraph Browser["Browser (React)"]
            Dashboard[Dashboard]
            Settings[Einstellungen]
            History[Historie]
        end

        subgraph Backend["Node.js Backend"]
            API[REST API\nExpress]
            WS[WebSocket\n/ws]
            Pipeline[pipelineService]
            Cron[cronService]
            DB[(SQLite)]
        end

        subgraph Tools["Externe Tools"]
            MakeMKV[makemkvcon]
            HandBrake[HandBrakeCLI]
            MediaInfo[mediainfo]
        end

        Browser <-->|HTTP| API
        Browser <-->|WebSocket| WS
        Pipeline --> MakeMKV
        Pipeline --> HandBrake
        Pipeline --> MediaInfo
        API --> DB
        Pipeline --> DB
        Cron --> DB

## Details

- Übersicht
- Backend-Services
- Frontend-Komponenten
- Datenbank