Выполнить задачи на React
Так же консультация от back-end специалиста.
Короткий фич лист:
- Чаты 1 на 1 реализованы на socket.io
- Видеозвонки 1 на 1 и групповые реализованы на SDK от ВКонтакте
Список задач:
1. Во время видеозвонка есть тулбар с кнопками. Туда нужно починить/добавить следующие кнопки:
1.1. Отображение чата во время видеозвонка (как в Google Meet). Имеется legacy реализация. Либо починить ее, либо предложить и реализовать свой вариант
1.2. Кнопка увеличения видеозвонка на весь экран. Имеется legacy можно оставить, либо свой вариант.
1.3. Кнопка "Демонстрация экрана". Back-end готов, нужно просто отправить нужный метод (SDK ВКонтакте). Добавить оформление под это дело.
2. Слева внизу в видеозвонке находится таймер. Есть legacy реализация, но она не работает. Нужно переделать.
2.1. В звонках 1 на 1 таймер должен работать только если оба собеседника находятся в звонке.
2.2. Если один собеседник выходит, то таймер останавливается. Если собеседник вернулся, то запускается.
2.3. В групповых звонках таймер нужно скрыть
2.4. Таймер нужно сделать в формате 00:00:00 (ЧЧ:ММ:СС)
2.5. Таймер нужно скрыть и показывать только при наведении мышкой на иконку
2.6. Менять цвет таймера:
До 50 минуты цвет таймера белый;
с 50 до 55 - цвет #FCB851;
c 55 до 60 - цвет #ff0000;
И так каждый час.
3. После завершения видеозвонка открывается модальное окно (bootstrap) с опросом о качестве звонка. Там есть текстовые поля, которые по какой-то причине не кликабельны (скорее всего проблема bootstrap). Нужно их починить.
3.1. Данные из этого окна отправляются в БД с помощью JQuery. По возможности нужно отказаться от JQuery.
4. На front-end реализовать возможность создания групповых звонков. Принцип создания группового звонка:
- Нажатие на кнопку (по типу как в звонке 1 на 1)
- Далее создается видеозвонок и ссылка на этот звонок
- Перейдя по ссылке участник присоединяется к звонку
- Завершить звонок может только автор группового звонка
4.1. Back-end готов, нужно просто передать параметр isGroup: true
4.2. Подготовить минимально визуал
5. Далее весь проект будет протестирован и выявлены новые задачи решить которые нужно будет за дополнительную оплату.
У проекта качество кода плохое. Но некоторые моменты можно/нужно переписывать.
Телеграм для связи: EasyDevAlisa
Оплата только после выполнения задач.
Сроки: 1-2 дня.