Александр

Любые переменные, объявленные при помощи var попадают в объект window (кроме тех, что объявлены в функциях). let, объявленная в начале файла скрипта, находится внутри глобального блока видимости этого файла. Если Вам будет проще, сам файл тоже блок кода.

Закидываете свой JSON в public и потом просто fetch('/json_name.json').

Существует.

- 0 {
+ 0% {

Изображение через background-image.

По поводу картинок - материала уйма. Первое что выдал гугл 1, 2, 3 и так далее.

Правильное использование отступов и min-height: 100vh; поможет.
По поводу Вашего проекта - нету:
- main, зато есть section (имеется ввиду, что надо было использовать main);
- meta-тэги, их почти нет;
- outlin'ы - их вообще нет;
- Языки нельзя переключать с клавиатуры (читайте про tabindex).

Косяки:
- cursor: hand; не существует;
- Атрибут required содержит значение required;
- Ссылки, ведущие на сторонние ресурсы не имеют rel="noopener" или rel="noreferrer";
- Половина (2/3) ссылок для мессенджеров открывается в той же вкладке.

Также Lighthouse ругается - CSS и JS не минифицированы (что-то мне подсказывает, что картинки тоже).

Это шаблонные строки. Читать тут, пункт «Теговые шаблоны». Ну а конкретно этот пример - styled-components.

case ADD_CATEGORY:
    addCategory(
-       state,
+       newState,
        action.category
    );
    break;

И в других подобных местах тоже. Кстати, копировать можно и так let newState = { ...state };.

Слышали о JSON, NoSQL, SQLite?

UPD:
Чтение и сохранение из JSON'а.

const fs = require('fs');
const VAR_NAME = require('./JSON_NAME.json'); // Чтение

VAR_NAME.name = 'John Doe'; // Модификация

fs.writeFileSync(`${__dirname}/JSON_NAME.json`, JSON.stringify(VAR_NAME)); // Запись

Так?

const url = new URL(location);

url.searchParams.delete('param1');
history.pushState(null, document.title, url);

document.querySelectorAll('input[type="number"]').forEach(input => {
	input.addEventListener('input', () => {
		if (input.value !== '') {
			const min = input.min !== '' ? Number(input.min) : -Infinity;
			const max = input.max !== '' ? Number(input.max) : Infinity;
			const value = Number(input.value);
			
			input.value = Math.max(min, Math.min(value, max));
		}
	});
});

*bundle.js

Если надо именно скрыть, воспользуйтесь visually-hidden:

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
    overflow: hidden;
}