Есть проект на Python FastAPI, бек почти готов, а фронт прикрутить не успеваю к сроку здачи (пятница). Нужно поправить кривой существующий фронт немного редезайнуть чтобы выглядел адекватно и привязать к эндпоинтам бека
В идеале чтобы также было опыт фастапи
Вот список задач
считать все сенсоры - удаляем
вместо него счититать все сенсоры определенной комнаты
показать статус дома
выключить везде свет - собрать все сенсоры света и поочередно отправить запросы на бек
Добавить комнату по типам, как там уже реализовано
Удаление комнаты по айдишнику (не нужно поле справа, просто иконка корзинки на самой комнате)
Голосовые команды: два языка анг и укр, при нажатии на микрофон делает аудиозапись и отправляет ее на бек, в ответ получает команду с определенным сенсором (к примеру, включи свет в кухне)
При нажатии на каждый датчик высвечивается информация о нем, можно изменить (температуру, включить свет, поставить влажность и тд)
Сейчас работает вебсокет, который автоматически обновляет некоторые данные (при изменении таргетной температуры автоматически изменяет текущую в комнате (симуляция нагрева или охлаждения), выключает свет спустя 10 сек и тд)
Нужно:
Правильно настроить апи-запросы, их получение и фасовку на сенсоры и тд
Добавить кнопку получения документации (автоматическое скачивание файла .txt)
Анимация сенсоров (если свет включен, иконка со светом подсвечивается желтым, выключен - серым, таргетная температура выше текущей - красный (нагревается комната), охлаждается - синий, также для воды и влажности)
Анимация движения: в проекте есть датчики движения. Нужно создать человечка, которого можно будет перетянуть в определенную комнату, тогда от этой комнаты передается запрос на бек от датчика движения, что движение есть
Голосовое управление: в ответе приходит команда на какой-то сенсор, нужно ее обработать и применить на фронт
Добавить кнопку Reset, которая ставит дефолтные значения на всех сенсорах (тоже запрос через бек)
Добавить возможность удалять сенсоры
Добавить тип комнаты после названия комнаты
Сделать небольшой дизайн страницы
