G F

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

Не глядя в код, можно предположить использование следующих технологий:

1. Волны абстрактные и на фотографиях, шум на фоне - WebGL, шейдеры. Вода на первом экране - скорее всего моделируется как идеальная жидкость, волны на фотографиях - чисто геометрические.
   
2. Обведение текста в овал, трилистник с пунктиром, стрелки на карте - SVG, рисование линии по такому принципу.
   
3. Плавные переходы между экранами можно делать по-разному, даже забытый модными фронтендерами pjax будет к месту. Можно познакомиться с barba.js - это если не самый популярный, то один из популярных инструментов для работы с плавными переходами. Можно использовать роутеры из SPA-фреймворков, не принципиально. Самое сложное здесь - все синхронизировать.
   
4. Карта с персонажами - это может быть обычная верстка, подложенная под канвас с шумом. Самый простой вариант.
   
5. Есть небольшое покачивание элементов вслед за мышкой, логично предположить, что это банальная CSS-трансформация на mousemove.
   
6. Рисование дуг из точек - это может быть либо SVG, как в п.2, только эта линия будет маской, либо можно это строить как графики.
   
7. Ну и немного стандартных CSS-анимаций там тоже есть.
   

Дополнительные библиотеки здесь - дело вкуса, можно и на ванильном JS все сделать, разве что роутер я бы взял готовый. Вся соль в визуальных эффектах, а для них готовых решений не будет, если работа будет строиться по принципу "сначала придумать, потом сделать".

Можно добавить нули с помощью lpad.

Или вместо использования extract форматировать дату методом to_char.

Вы записываете результат при равенстве соседних символов, а надо - наоборот.

std::string encodeString(std::string str) {
  std::string result = "";
  int count = 0;
  int len = str.length();

  for (int i = 0; i < len; i++) {
    count++;

    if (i == len - 1 || str[i] != str[i + 1]) {
      result += str[i] + std::to_string(count);
      count = 0;
    }
  }

  return result;
}

Нули проставляются по таймауту, а проверка состояния выполняется немедленно. То есть, сначала вы проверяете состояние поля, а уже потом появляется выигрышная комбинация.

function fib(max) {
  const next = (p1, p2) => p2 <= max ? ',' + p2 + next(p1 + p2, p1) : '';
  return 0 + next(1, 1);
}


fib(0)   // "0"
fib(1)   // "0,1,1"
fib(10)  // "0,1,1,2,3,5,8"
fib(45)  // "0,1,1,2,3,5,8,13,21,34"
fib(100) // "0,1,1,2,3,5,8,13,21,34,55,89"

const getDuplicates = (arr, key) => Array
  .from(arr.reduce((acc, { [key]: n }) => acc.set(n, -~acc.get(n)), new Map))
  .filter(n => n[1] > 1)
  .map(n => n[0]);


const duplicates = getDuplicates(arr, 1);

или

const getDuplicates = (arr, key = n => n) => Array
  .from(arr.reduce((acc, n) => (n = key(n), acc.set(n, acc.has(n))), new Map))
  .reduce((acc, n) => (n[1] && acc.push(n[0]), acc), []);


const duplicates = getDuplicates(arr, n => n[1]);

или

const getDuplicates = arr =>
  [...arr.reduce((acc, n) => (
    acc[+acc[0].has(n)].add(n),
    acc
  ), [ new Set, new Set ])[1]];


const duplicates = getDuplicates(arr.map(n => n[1]));

Не поможет ли lodash?

const duplicates = _(arr)
  .map(n => n[1])
  .groupBy()
  .filter(n => n.length > 1)
  .map(n => n[0])
  .value();

methods: {
  weekDay(date) {
    return new Date(date).toLocaleString('ru-RU', { weekday: 'short' });
  },
  titleDate(dates) {
    return dates
      .map(n => new Date(n).toLocaleString('ru-RU', {
        weekday: 'short',
        month: 'short',
        day: 'numeric',
      }))
      .join(' - ');
  },
},

<v-date-picker
  :weekday-format="weekDay"
  :title-date-format="titleDate"
/>

<select id="event"></select>
<select id="dates"></select>

const events = [
  { name: '...', dates: [ ... ] },
  { name: '...', dates: [ ... ] },
  ...
];

const eventEl = document.querySelector('#event');
const datesEl = document.querySelector('#dates');

eventEl.innerHTML = events
  .map((n, i) => `<option value="${i}">${n.name}</option>`)
  .join('');

eventEl.addEventListener('change', function() {
  datesEl.innerHTML = events[this.value].dates
    .map(n => `<option>${n}</option>`)
    .join('');
});

eventEl.dispatchEvent(new Event('change'));

created() {
  this.tagsAsArray.forEach((item) => {
    this.editState[item] = false;
  });
},

Нет, так свойства editState реактивными не будут:

Vue cannot detect property addition or deletion.

Создавайте новый объект вместо модификации существующего:

created() {
  this.editState = Object.fromEntries(this.tagsAsArray.map(n => [ n, false ]));
},

Ещё дико подозрительная вещь - подключение обработчика клика в компоненте элемента списка:

@onClick="editTagName"

Затрудняюсь припомнить, видел ли такое хоть раз, чтобы имя события vue-компонента было с приставкой "on". Может, должно быть просто "click"? Проверьте на всякий случай.

Если уже переходите к форме авторизации, не надо пытаться инициировать этот переход ещё раз - добавьте || to.name === 'Authorization' в beforeEach в if.

Скрытый выбранный option:

const setOptions = (el, options, placeholder) =>
  el.innerHTML =
    `<option hidden selected value="">${placeholder}</option>` +
    options.map(n => `<option>${n}</option>`).join('');

https://jsfiddle.net/hb9gz7ft/1/

Проверяем число, если однозначное - возвращаем 0; в противном случае возвращаем сумму единицы и результата рекурсивного вызова:

const multiply = num =>
  num > 9
    ? 1 + multiply([...`${num}`].reduce((acc, n) => acc * n))
    : 0;

key = 'brand'
val = 'Ford'

print([ n for n in dict_autos.values() if n[key] == val ])

Так чего надо-то? Говорите "массивы", показываете объекты.

Если исходные данные, как и показано, представлены объектами, то

Object
  .entries({ defaultTest, systemTest })
  .flatMap(([ k, { references, ...n } ]) => references.map(m => ({
    ...m,
    ...n,
    [k]: true,
  })))

Если же это массивы (а сейчас показываются, соответственно, их элементы), тогда

Object
  .entries({ defaultTest, systemTest })
  .map(([ k, v ]) => v.map(({ references, ...n }) => references.map(m => ({
    ...m,
    ...n,
    [k]: true,
  }))))
  .flat(2)