Описание

Геймифицированный аналог Trello, где выполнение задач приносит опыт и открывает новые уровни.
Функционал:
Колонки: «Запланировано», «В процессе», «Сделано»
Перетаскивание задач (drag-and-drop)
За выполнение — +XP, новый уровень открывает новые фоны
Технологии: Vue 3 + Vue Draggable.
Фишка: Анимация «Level Up!» при достижении нового уровня.

Решение

Создал 3 колонки (To Do, In Progress, Done) с возможностью drag-and-drop (библиотека Vue Draggable).
Данные задач хранятся в локальном состоянии (или Firebase, если нужна синхронизация).
Геймификация:
За каждую задачу в Done — начисляется 10 XP.
После 100 XP — уровень повышается (+ анимация с confetti).
Новые уровни разблокируют скины для доски.
Визуальные фишки:
Прогресс-бар уровня (SVG + анимация GSAP).
Звуковые эффекты при завершении задачи (Howler.js).

Результат

Минималистичный, но цепляющий интерфейс.
Рабочий прототип, где можно расширить до многопользовательского режима.
Код легко адаптируется под корпоративные задачи.

Презентация проекта