Создание 41 анимированного видео с цифрами для музыкального лото
Требуется разработать набор зацикленных анимаций для отображения номеров бочонков. Нужно 40 отдельных видео с цифрами от 1 до 40 и одно фоновое видео для пауз.
В чем задача?
Нужно разработать законченное адаптивное One Page приложение (desktop/mobile) с полным функционалом:
- Добавление тасок с приоритетом или категорией.
- Редактирование прямо на странице без перезагрузки.
- Drag-and-Drop (можно функциональными кнопками) для группировки задач по колонкам или спискам.
- Удаление с локальным отслеживанием состояния (localStorage ключа-значения).
- Автоматическое обновление данных между элементами (real-time через DOM-манипуляции).
Требования к техреализации
- FRONT-END: Исключительно HTML + CSS (flex / grid / медиа̶запросы). Никаких библиотек или UI-фреймворков (Vue/React/Angular запрещены).
- BACK-END: Отсутствует (либо макет localStorage/открытое JSON). Если нужно для демонстрации - хранить в localStorage индекс.
- Адаптив: Сетка обертки гарантирует корректное отображение на экранах от 320px.
Типовые задачи в interface:
- Input для новой задачи + кнопка 'Submit'.
- Счетчик выполненных/невыполненных тасок (dashboard 'stats').
- Перестановка задачи между категориями (in-box/on progress/done).
- Режим форматирования заголовка/приоритета с dropdown секцией.
- Сортировка группами: дата добавления↕ / алфавит / статус выполнения.