Владислав Поляков

var car = {
    "model": "Dodge",
    "year": 1967,
    "color": "red",
    "body": "Hard top"
    "img": "/images/car-1" 
}

for (let j in car) {
  const element = document.getElementById(j);
  if (element) {
    element.innerHTML = (car[j]);
  }
};

В библиотеке RxJs есть возможность ставить задержку перед отправлением, работает так, если в течении определенного промежутка времени не пришли новые данные, он выполнит запрос, если пришли сбросит таймер и начнет цикл ожидания заново. МОжно и самому придумать debounce логику

У тебя есть три функции

getStart
getEmail
getPassword

И просто хранишь где-нибудь ( в базе данных или памяти) , такую структуру

{
user_id: 123,
next: 'getEmail'
}

ТО есть ты хранишь идентификатор пользователя, и функцию, которая выполнится в след сообщении. Тебе пришло сообщение - глянул в бд какую функцию вызвать - вызвал - после записал в бд следующую функцию.

В nodejs есть библиотека, где хранится сессия пользователя

Использовать псевдоэлементы . Или написать генератор на javascript ( к примеру используя react). еще есть вариант все это нарисовать на svg используя javascript. А про адаптив можно забыть. Или перестраивать это все под определённые разрешения или скрывать.

.tab-content, .tab-pane {
  height: 100%;
}

Потому , что разработчики указали в правилах css это )
Это делается для понятия интерактифности сатйта , пользователь не всегда поймет , что данный текст интерактивен и на него можно кликнуть , ну а кнопке такая помощь не нужна )