Техническое задание: Доработка веб-приложения на Flask

Необходимо выполнить работы по исправлению существующих багов и внедрению нового функционала в образовательное веб-приложение.

Блок 1: Исправление существующих ошибок

1. Адаптивная верстка

• Исправить некорректное отображение карточек книг на мобильных устройствах (смартфоны, планшеты). Элементы должны корректно масштабироваться и быть удобными для использования.

2. Работа с динамическим контентом

• Устранить ошибку, из-за которой вновь созданный урок появляется в интерфейсе только после полной перезагрузки страницы (F5).
• Реализовать мгновенное обновление данных интерфейса после создания или изменения контента без необходимости ручного обновления страницы.

Блок 2: Внедрение нового функционала для системы задач

3. Новый интерфейс навигации по задачам в уроке

• Заменить текущий интерфейс отображения всех задач списком на постраничный, где одна задача отображается на одной странице.
• Реализовать навигационные элементы управления:
  • Кнопка "Предыдущая задача".
  • Кнопка "Следующая задача".
• Добавить индикатор прогресса прохождения (например, "Задача 3 из 10").

4. Система загрузки решений в виде изображений

• Для каждой задачи добавить интерфейс (кнопку и/или выделенную зону) для загрузки фотографии с решением.
• Реализовать два способа загрузки:
  • Drag-and-drop (перетаскивание файла в зону).
  • Выбор файла через стандартный диалог проводника.
• Поддерживаемые форматы файлов: JPG, PNG.
• После успешной загрузки файла необходимо отображать его превью (уменьшенное изображение) в интерфейсе задачи.

5. Интеграция с AI-сервисом для автоматической проверки

• Настроить автоматический триггер: после успешной загрузки изображения с решением отправлять его (или текстовое представление задачи) на проверку во внешний AI-сервис по заданному промпту.
• Обработать ответ от AI-сервиса. Ожидаемый формат результата: бинарный ("верно"/"неверно") или текстовый комментарий с оценкой.
• Реализовать отображение результата AI-проверки ученику непосредственно в интерфейсе задачи.