🖥️ HELLO

HELLO Spectator — это приложение для ПК, разработанное командой CMD специально для преподавателей. Оно позволяет удалённо наблюдать за экранами студентов в реальном времени: видеть открытые приложения и вкладки учащихся, контролировать их активность во время занятий и оперативно реагировать на отвлечения и нарушения дисциплины.

---

🚀 Возможности

📡 Реальное время — трансляция экранов студентов в режиме онлайн 🖼️ Предпросмотр экрана преподавателя 🔒 Контроль подключений — список активных участников

---

🧩 Стек технологий

Клиент

HTML / CSS / JS — интерфейс и логика приложения Electron — кроссплатформенное десктоп-приложение WebRTC — трансляция видеоэкрана

Сервер

WebRTC — трансляция видеоэкрана Socket.IO — передача событий между клиентом и сервером Simple-Peer — абстракция над WebRTC

---

📷 Интерфейс

Главное окно приложения:

Название аудитории (например, "Париж") Время текущей сессии Список подключённых студентов Блок предпросмотра собственного экрана Панель управления: Мой экран, Пригласить, Чат, Настройки

---

📁 Структура проекта

HELLO-Spectator/
├── assets/                
│   └── logo/
│       └── logo.ico
├── renderer.js            
├── index.html             
├── preload.js         
├── main.js                
├── utils/
│   ├── time.js            
│   └── modalPreview.js    
└── package.json

⚙️ Установка и запуск

Чтобы развернуть и протестировать приложение локально, выполните следующие шаги:

📥 1. Клонируйте репозиторий

git clone https://github.com/AhmedLyanov/HELLO_Spectator.git
cd HELLO_Spectator

📦 2. Установите зависимости

Установка зависимостей производится в двух директориях: app/ и server/.

cd app
npm install

cd ../server
npm install

▶ 3. Запустите локально

Запустите локальный сервер и 2 экземпляра приложения Запустите 2 терминала для app

cd app
npm run start

cd app
npm run start

Запустите локальный сервер

cd server
npm run serve

🖥️ 4. Пример