Зібрати SPA на Vue 3 для моніторингу клімату в теплицях (графіки, WebSockets)
Пишу бекенд на Python (FastAPI + WebSockets) для автоматики мікроклімату в промислових теплицях, але на фронтенд фізично не вистачає рук. Потрібно зібрати SPA на Vue 3, куди стрімитимуться живі дані з наших контролерів. Суть задачі: Датчики кожні кілька секунд шлють температуру, вологість повітря, вологість ґрунту, рівень CO2 та освітленість по 12 секціях теплиць. На фронті потрібен головний екран моніторингу (інтерактивні картки секцій з актуальними цифрами), графіки динаміки за обраний діапазон дат (день/тиждень/місяць) на Chart.js або Apache ECharts та сторінка налаштувань, де агроном вбиває порогові значення норм (наприклад: температура вище 28°C — плашка підсвічується червоним, і вискакує алерт у шторці). Стек: Vue 3 (Composition API, <script setup>), Pinia для стану, верстка на Tailwind. Головна технічна вимога — щоб інтерфейс не підвисав від постійного потоку подій через сокети і графіки перемальовувалися без витоків пам'яті у вкладці браузера. Сокети та REST API вже розгорнуті на тестовому сервері, свагер готовий. Задачу можу передавати в роботу хоч завтра. У відгуку напишіть, на чому зазвичай будуєте real-time графіки.