Fedor Rychkov

При загрузке листинга выводить в шаблон при помощи сервера. Когда пользователь жмёт на подгрузить еще или на кнопку пагинации можно перезагружать страницу с новой ссылкой пагинации или же полностью выводить при помощи js. Для более подробного решения нужно больше деталей желаемого результата.

в адресной строке у вас скорее будет /task?id=1 при помощи какого нибудь js urlencoderа или react-router ... etc, в зависимости от того, что вы используете можете забрать параметр id из адресной строки, совершить запрос при помощи библиотеки для запросов, например axios и вытащить методом get ваш index.json, отфильтровать массив тасков по id и вытащить объект нужной таски. Далее забрать урл и вставить в DOM элемент img с src=task.url.. Если у вас React/Angular/Vue это не составит труда, если же у вас jQuery/Vanilla, то вам придётся описывать манипуляции с DOM.

Можно использовать ajax и при помощи GET запроса получить данные из js.
Погуглите про ajax и get запросы. Из коробки это есть в jQuery. Можно заюзать отдельно axios, библиотеу хттп запросов.

Crete создаёт прототип в объекте , а setPrototypeOf типо передает другому объекту ( первый параметр) прототип указанный вторым параметром. Как то так

Бэк не обязательно юзать, можно поколдовать с объектом времени в браузере при помощи Date, заюзать библиотеку moment.js, для удобства работы с датами. Как то там считать каждый день до 23:59.