Панель управління енергоспоживанням – веб-додаток для моніторинг
Energy Dashboard — це повнофункціональний веб-додаток для моніторингу та управління даними про споживання та виробництво енергії.
Метою проєкту було створення масштабованої інформаційної панелі з візуалізацією даних у реальному часі, управлінням користувачами та інтеграцією із зовнішніми API для показників енергії, погоди та навколишнього середовища.
Система включає панель адміністратора для управління користувачами, модулями доступу та ключами API, а також інформаційну панель для користувачів, на якій відображаються споживання та виробництво електроенергії, використання газу, викиди CO₂, зарядні станції для електромобілів та дані про погоду.
Основні виклики включали обробку складних потоків даних, безпечну аутентифікацію, контроль доступу на основі ролей та інтеграцію зовнішнього API на основі GraphQL (Censo). Вони були вирішені за допомогою бекенду Node.js/Express з MongoDB, аутентифікації JWT та сучасного фронтенду React + TypeScript з динамічними діаграмами та анімаціями.
Цей проект демонструє мою здатність створювати складні, готові до виробництва веб-додатки з чистою архітектурою, безпечною логікою бекенду та інтерактивним, чуйним інтерфейсом користувача.
Метою проєкту було створення масштабованої інформаційної панелі з візуалізацією даних у реальному часі, управлінням користувачами та інтеграцією із зовнішніми API для показників енергії, погоди та навколишнього середовища.
Система включає панель адміністратора для управління користувачами, модулями доступу та ключами API, а також інформаційну панель для користувачів, на якій відображаються споживання та виробництво електроенергії, використання газу, викиди CO₂, зарядні станції для електромобілів та дані про погоду.
Основні виклики включали обробку складних потоків даних, безпечну аутентифікацію, контроль доступу на основі ролей та інтеграцію зовнішнього API на основі GraphQL (Censo). Вони були вирішені за допомогою бекенду Node.js/Express з MongoDB, аутентифікації JWT та сучасного фронтенду React + TypeScript з динамічними діаграмами та анімаціями.
Цей проект демонструє мою здатність створювати складні, готові до виробництва веб-додатки з чистою архітектурою, безпечною логікою бекенду та інтерактивним, чуйним інтерфейсом користувача.