Используйте https://github.com/amlcurran/ShowcaseView , или подобные ему

Посмотрите в сторону Godot Endine, там python ориентированный скриптинг + визуальный редактор для сцен.

Проще адаптировать готовый вариант fareez.info/blog/countdown-timer-using-vuejs .
Для определения, плюсовой или минусовой таймер просто считать

computed: {
  isNegative() {
    return ((this.now - this.date) / 60000) < 0;
  }
}

И для более точного округления с учетом минусового и плюсового таймера при минусе дополнительно приводить в минутах часах и секундах к math.ceil а при положительном к math.floor , иначе будет на 1 цифру разниться ( вместо -30 минут показывать -31 и на оборот )

Встречал не одну статью, суть которых заключалась в том, что человек не смог разобраться, почему у него из коробки RESTful api не верно в модели заходит, зачем вообще использовать serializers, в чем разница и зачем разбивать на initializer/instance-initializer, после чего следовало высказывание, что в angular все проще, там меньше ограничений и можно быстро все сделать (с учетом того, что в сети множество примеров хороших админок по типу Angulr, Metronic и т.п.). Плюс не совсем актуальная документация под последние версии.

В свое время начали проект, и для front-end выбрали Ember, о чем вовсе не жалеем. С версии 0.9.x до 1.13.х перешли с малыми проблемами, на 2.х вообще проблем не будет.