Где найти примеры качественного когда?

FrelFrloich Единственный момент.
Вы используете общий контейнер, при этом используете его только для обработки клика. Зачем?
Это не очень хороший способ построение плагина. Используйте непосредственно сам блок элемента, от которого хотите плясать. А вот клик ставьте уже на document. Т. е. делегируйте.

Как подключить JSON файлы для перевода строк HTML?

Anna1377, хорошо, соглашусь.
Тогда вопрос:
Прочитайте заголовок вашего поста, посмотрите представленные данные. Хватает всего, чтобы решить вашу проблему?
Никто, кроме вас, не знает, как у вас всё вертится и крутится и почему именно так, а не иначе.

Вот поэтому и есть ощущение фриланса.

Как подключить JSON файлы для перевода строк HTML?

Фриланс?
Где ваши попытки решения? Вы даже не знаете как.

В обычном проекте node.js русские символы выводятся(в консоль) без проблем, а вот после того как подключаю react и electron, выводит это ╨┐╤А╨╕╨▓╨╡?

Mikilian, консоль (cmd) точно по умолчанию работает в utf-8?
Установите работу cmd в utf-8 глобально.
Всё будет работать. Вернее уже работает у меня.

Как рисуются такие связи между блоками на svg?

godsplane, всё правильно. Для моего возраста это 9-10 класс.
Так что вспоминайте.

PS:
Дам наводку.
Так же, на GitHub можно напречь поиск и там посмотреть по логике реализации создания рисунка на SVG в JS.

Как рисуются такие связи между блоками на svg?

godsplane, а вот тут уже включаем математику, дизайн, и рассчитываем углы, где должны быть изгибы. У вас всего лишь один patch или у вас их будет четыре. Может вы каждый patch засунете в отдельный слой...
Тут решать только вам. Ещё раз - математика. Кода вам могут и не дать, ибо тогда это не помощь. Тут нужно самому сесть и начать рассчитывать.

Как рисуются такие связи между блоками на svg?

Вопрос был не о адаптивности, а о том - как?
godsplane, https://github.com/svgdotjs/svg.js посмотрите.

Как доработать document.querySelector?

document.addEventListener('DOMContentLoaded', function () {
    document.querySelectorAll('.heading').forEach(function(el){
        window.innerWidth < 767 ? el.classList.remove('gsap-reveal-hero') : el.classList.add('gsap-reveal-hero');
    });
});

Как доработать document.querySelector?

Andress84, правильно, а forEach применить к результату данного метода? Ну или хотя бы документацию почитать

Как доработать document.querySelector?

document.querySelectorAll() не подходит?

Почему var_dump выводит больше, чем нужно?

но до этого у меня был нормальный вывод

Когда?
Насколько помню, var_dump выводит всю информацию об объекте в отличии от print_r

Как каждой цифре задать чтобы она переходила на другой сайт чтобы в url показывало число на которое нажал?

Gmas1er, ещё раз

есть день, есть месяц, есть год (тем более всё это вы можете получить в php),

Атрибуты HTML data никто не отменял. Получить значение из data в js, думаю, вам вообще не проблема. Ну и перенаправить запрос в браузере тем более не проблема.

Я перечислил всё, о чём вам нужно напречь поиск. Описывать более подробно здесь не имеет смысла.

Как каждой цифре задать чтобы она переходила на другой сайт чтобы в url показывало число на которое нажал?

Gmas1er, есть день, есть месяц, есть год (тем более всё это вы можете получить в php), так в чём именно проблема у вас?

Как отредактировать актуальные данные в localStorage по конкретному id в объекте?

но редактирование происходит не по актуальному PassengersId, а по последнему

Ну так это вы сами так задаёте.
Посмотрите на свой цикл и скажите, чему равен passengerID в итоге? Да, именно последнему элементу из currentPassengers.

Почему в input padding выходит за margin?

aspirantes, я всё прекрасно вижу.
Это не баг, это инпут себя так ведёт.
Здесь много чего можно рассказать... Просто помните, что инпут ведёт себя ни как блок, даже если вы явно указываете ему им быть.

Почему в input padding выходит за margin?

aspirantes, паддинг не выходит из маргин. Этого вообще не может быть))
Вам нужно просто понять, что такое margin и что такое padding. Что они делают и вчём разница.
В вашем случае margin схлопывается справа.

Почему в input padding выходит за margin?

aspirantes,
Для input добавьте
max-width: calc(100% - 1rem);
Т. е. рассчитываем максимальную ширину инпута 100% минус margin слева и справа.

Почему в input padding выходит за margin?

aspirantes сделайте пример в песочнице, например в codepen.io

Как отфильтровать с помощью jQuery метода filter только только те селекторы которые есть в массиве?

Важно отобразить только те блоки в которых есть лишь все перечисленные классы.

$('.cp-hit-item.' + window.capacity.join(".")).fadeIn(100);

Как отобразить файл по директории,не выбрав её?

системный же, а потом и инпут скрытым окажется...

Dimonchik, вы хоть представляете, ну или хотя бы знаете, какой локальный путь устанавливается для файла после его выбора в браузере? Про NodeJS сейчас речи нет, я про браузер.