presentations/2026/celery2/slides/01-django-progress.md

<!-- .slide: data-transition="none" -->

<div data-mermaid>
    <script type="text/mermaid">
        block
            columns 7
            space:5 rabbitMQ(("RabbitMQ")) space
            user(("User")) space:2 django(("Django")) space:2 celery(("Celery"))
            user -- "GET /progress" --> django
            style user fill:#ffe0b2,stroke:#fb8c00
            style celery fill:#bbdefb,stroke:#1e88e5
            style rabbitMQ fill:#effbb2,stroke:#797f5b
    </script>
</div>



<!-- .slide: data-transition="none" -->

<div data-mermaid>
    <script type="text/mermaid">
        block
            columns 7
            space:5 rabbitMQ(("RabbitMQ")) space
            user(("User")) space:2 django(("Django")) space:2 celery(("Celery"))
            space:2 queue["Queue\nlength: 0"] space thread space:2
            user -- "SSE Connection" --- django
            django --- thread
            django --- queue
            style user fill:#ffe0b2,stroke:#fb8c00
            style celery fill:#bbdefb,stroke:#1e88e5
            style rabbitMQ fill:#effbb2,stroke:#797f5b
    </script>
</div>



<!-- .slide: data-transition="none" -->

<div data-mermaid>
    <script type="text/mermaid">
        block
            columns 7
            space:5 rabbitMQ(("RabbitMQ")) space
            user(("User")) space:2 django(("Django")) space:2 celery(("Celery"))
            space:2 queue["Queue\nlength: 0"] space thread space:2
            user -- "SSE Connection" --- django
            thread -- "subscribe" --> rabbitMQ
            style user fill:#ffe0b2,stroke:#fb8c00
            style celery fill:#bbdefb,stroke:#1e88e5
            style rabbitMQ fill:#effbb2,stroke:#797f5b
    </script>
</div>



<!-- .slide: data-transition="none" -->

<div data-mermaid>
    <script type="text/mermaid">
        block
            columns 7
            space:5 rabbitMQ(("RabbitMQ")) space
            user(("User")) space:2 django(("Django")) space:2 celery(("Celery"))
            space:2 queue["Queue\nlength: 1"] space thread space:2
            user -- "SSE Connection" --- django
            celery --> rabbitMQ
            rabbitMQ -- "message" --> thread
            thread --> queue
            style user fill:#ffe0b2,stroke:#fb8c00
            style celery fill:#bbdefb,stroke:#1e88e5
            style rabbitMQ fill:#effbb2,stroke:#797f5b
    </script>
</div>



<!-- .slide: data-transition="none" -->

<div data-mermaid>
    <script type="text/mermaid">
        block
            columns 7
            space:5 rabbitMQ(("RabbitMQ")) space
            user(("User")) space:2 django(("Django")) space:2 celery(("Celery"))
            space:2 queue["Queue\nlength: 0"] space thread space:2
            user -- "SSE Connection" --- django
            queue -- "consume queue" --> django
            django -- "send SSE message" --> user
            style user fill:#ffe0b2,stroke:#fb8c00
            style celery fill:#bbdefb,stroke:#1e88e5
            style rabbitMQ fill:#effbb2,stroke:#797f5b
    </script>
</div>



<!-- .slide: data-transition="none" -->

<div data-mermaid>
    <script type="text/mermaid">
        block
            columns 7
            space:5 rabbitMQ(("RabbitMQ")) space
            user(("User")) space:2 django(("Django")) space:2 celery(("Celery"))
            space:2 queue["Queue\nlength: 1"] space thread space:2
            user -- "SSE Connection" --- django
            celery --> rabbitMQ
            rabbitMQ -- "message" --> thread
            thread --> queue
            style user fill:#ffe0b2,stroke:#fb8c00
            style celery fill:#bbdefb,stroke:#1e88e5
            style rabbitMQ fill:#effbb2,stroke:#797f5b
    </script>
</div>



<!-- .slide: data-transition="none" -->

<div data-mermaid>
    <script type="text/mermaid">
        block
            columns 7
            space:5 rabbitMQ(("RabbitMQ")) space
            user(("User")) space:2 django(("Django")) space:2 celery(("Celery"))
            space:2 queue["Queue\nlength: 2"] space thread space:2
            user -- "SSE Connection" --- django
            celery --> rabbitMQ
            rabbitMQ -- "message" --> thread
            thread --> queue
            style user fill:#ffe0b2,stroke:#fb8c00
            style celery fill:#bbdefb,stroke:#1e88e5
            style rabbitMQ fill:#effbb2,stroke:#797f5b
    </script>
</div>



<!-- .slide: data-transition="none" -->

<div data-mermaid>
    <script type="text/mermaid">
        block
            columns 7
            space:5 rabbitMQ(("RabbitMQ")) space
            user(("User")) space:2 django(("Django")) space:2 celery(("Celery"))
            space:2 queue["Queue\nlength: 1"] space thread space:2
            user -- "SSE Connection" --- django
            queue -- "consume queue" --> django
            django -- "send SSE message" --> user
            style user fill:#ffe0b2,stroke:#fb8c00
            style celery fill:#bbdefb,stroke:#1e88e5
            style rabbitMQ fill:#effbb2,stroke:#797f5b
    </script>
</div>



<!-- .slide: data-transition="none" -->

<div data-mermaid>
    <script type="text/mermaid">
        block
            columns 7
            space:5 rabbitMQ(("RabbitMQ")) space
            user(("User")) space:2 django(("Django")) space:2 celery(("Celery"))
            space:2 queue["Queue\nlength: 0"] space thread space:2
            user -- "SSE Connection" --- django
            queue -- "consume queue" --> django
            django -- "send SSE message" --> user
            style user fill:#ffe0b2,stroke:#fb8c00
            style celery fill:#bbdefb,stroke:#1e88e5
            style rabbitMQ fill:#effbb2,stroke:#797f5b
    </script>
</div>