На самом деле он экономит много времени, в основном при использовании препроцессоров
Тут хорошо описано - Зачем нужен Gulp?
Если нужно работать за несколькими компьютерами над одним проектом, то достаточно перенести файл packages.json со всеми зависимостями и установить их с помощью npm i
В форму нужно добавить скрытое поле, при клике на кнопку карточки в это скрытое поле с помощью JavaScript'a передавать название карточки, на которой был произведен клик.
Есть программа, называется LiveReload. Указываешь папку, за которой следить, вставляешь строку с предложенным скриптом в html и всё работает.
Но лучше использовать gulp с browsersync.
То, что получается при выполнении document.getElementsByClassName('dateFolder') - массив, нужно обращаться к конкретному элементу массива, либо перебирать его циклом, если нужно сделать что-то со всеми элементами с этим классом https://codepen.io/UnluckySerivelha/pen/YOeojx