Student-Labs-2023 / network-class-frontend

2 stars 0 forks source link

Develop #1

Closed Emil307 closed 1 year ago

Emil307 commented 1 year ago

features list 1) были внесены правки после встречи дизайнеров 2) под наш дизайн и требования была кастомизирована авторизация, предоставляемая auth0 3) доработана логика стартовой страницы. Теперь, если пользователь не авторизован перекидываем его на страницу авторизации, если авторизован - показываем вместо кнопки "Войти" панель с профилем пользователя. 4) Была сверстана страница подключения к звонку и частична реализована ее логика. 5) Была проведена интеграция с высокоуровневой api jitsimeet. Конечный путь пользователя:

  1. Авторизация/Стартовая страница
  2. Выбирает комнату в лобби
  3. Переходит на страницу подключения к звонку
  4. Присоединяется и начинает строить планы с единомышленниками, как сделать интегрировать низкоуровневое api jitsimeet)) 6) Было уделено время "техническому долгу", из названий некоторых коммитов можно сделать вывод, что мы также работали над улучшением архитектуры проекта по мере роста кодовой базы. 7) Были настроены cd процессы, а также реализован деплой приложения с помощью cloudflare для тестирования jitsimeet
Emil307 commented 1 year ago

ссылки на скрины:

https://sun9-2.userapi.com/impg/V1_kiiAHTX0zzWlA74vpntxyh1RyVmSwM0FH_A/AnZZyTSlX9M.jpg?size=423x128&quality=95&sign=69b5f9ef7b85d96f02c9f0eb716e1b83&type=album

https://sun9-78.userapi.com/impg/iaExYpmktQmtoSIkg_FKRK8MPQugueRKVacSxw/C5NvZAoMAj4.jpg?size=1891x902&quality=95&sign=d60d07e1bb9a8f27bd03289b7b260da6&type=album

https://sun9-68.userapi.com/impg/msNmAwmXUzH5ly58Q7brCMzwmN9FX24MaNh5PQ/k9z7Qf8SgFc.jpg?size=1895x898&quality=95&sign=c75667a098f1e9a077a1cac0eb9072dc&type=album

https://sun9-13.userapi.com/impg/uXL-YyXirHGFWns-7K-TfRlmradLBS3Wmd0MwQ/zEsVa5f2s5s.jpg?size=1897x903&quality=95&sign=c3b201fb5127e35185f7147fcad27582&type=album

Emil307 commented 1 year ago

продолжил уделять время тех. долгу; разделил auth0 на две части, продакшн для cloudfare и develop для локальной работы; протестировали jitsi-meet всей командой; продолжил вносить правки;

Emil307 commented 1 year ago

<img src= Снимок экрана (28) width=250>

Emil307 commented 1 year ago

<img src= Снимок width=250>

Emil307 commented 1 year ago

<img src= Снимок width=250>

BodySites commented 1 year ago
  1. изменил область "кликабельности" панели аккаунта в шапке страницы.
  2. теперь при нажатии кнопки "Новый класс" на начальной странице нас не только перекидывает на нужную страницу, но и сразу открывается форма создания класса.
  3. исправлен баг с иконкой копирования, которая после первого нажатия не хотела больше изменять цвет при наведении.
  4. в раскрывающиеся списки устройств на странице входа на звонок автоматически загружаются доступные микрофоны, камеры и аудиовывод.
  5. добавлена возможность включения и выключения микрофона и камеры с сохранением их состояния после перезагрузки или перехода на другую страницу.
  6. найден баг и его причина: в некоторых случаях (или браузерах) при загрузке любой страницы в url необходимый адрес страницы (например, /lobby) при проверке авторизации заменялся на токен. Из-за этого перекидывало на начальную страницу.
BodySites commented 1 year ago

Снимок

BodySites commented 1 year ago
  1. разобрался и настроил аудиопоток данных, при помощи которого реализовал подсвечивание рамки при активизации микрофона.
  2. исправил верстку на странице входа на звонок и на странице звонка.
  3. сверстал адаптивную сетку участников конференции.
  4. разобрался с ошибками при создании своей конференции на основе низкоуровневой API Jitsi.
BodySites commented 1 year ago

Снимок3 Снимок Снимок2

Emil307 commented 1 year ago

features list

1) В ранее созданном репозитории https://github.com/Emil307/jitsi получилось запустить звонок на low api jitsi УРА УРА УРА

Снимок экрана (35)

2) Сверстали страницу звонка совместно с Николаем

3) Добавил функционал для получения, создания, удаления и редактирования комнат

edit

create

roomslist

4) Создал отзывчивый поиск на websockets IMG_7668