architecture.md

graph LR
    subgraph MCU[RFID Tag Reader]
        subgraph RP2040[RP2040]
            SPI1["SPI1<br>(共通バス)"]
            SPI0
        end
            CS1["RC522 #1<br>CS1"]
            CS2["RC522 #2<br>CS2"]
            CS3["RC522 #3<br>CS3"]
            ETH["W5100S<br>Ethernet module"]
    end

    subgraph LAN:Front-end
        subgraph PC["Laptop PC"]
            WebApp["React"]
            WS_Bridge["WebSocket to HTTP Bridge<br>Express JS"]
        end
    end

    %% SPI通信
    SPI1 --> CS1
    SPI1 --> CS2
    SPI1 --> CS3
    SPI0 --> ETH

    %% タグの読み取り状況を送信
    MCU -->|タグの読み取り状況を送信<br><i>WebSocket over Ethernet| WS_Bridge
    WS_Bridge ---|HTTP:localhost | WebApp

    %% iPadでWebアプリ表示
    WebApp --- Browser:localhost

Loading