Список дел в браузере — мой первый «настоящий» проект

Хочу сделать список дел (to-do list) в браузере. Это мой первый проект с интерактивом (где надо что-то нажимать и что-то происходит).

Что мне нужно:

1. Один файл index.html. HTML, CSS, JavaScript — всё в одном файле.
2. Функционал:
   • поле ввода + кнопка «Добавить»,
   • список задач ниже,
   • на каждой задаче: чекбокс (сделано / не сделано) и кнопка «Удалить»,
   • выполненные задачи перечёркиваются и сереют, но не исчезают,
   • после перезагрузки страницы — список не пропадает (сохраняется в браузере).
3. Дизайн:
   • минималистичный, без лишнего,
   • тёмный или светлый — выбери один и объясни почему,
   • поле ввода и кнопка в одну линию, между задачами небольшие отступы.
4. Объясни как новичку:
   • что такое localStorage — на этом примере, в двух предложениях,
   • что такое «событие» (event) — на примере клика по кнопке,
   • почему список перерисовывается, а не «дописывается». Что такое функция render в этом коде.
5. Код должен быть читаемым:
   • переменные на английском, но осмысленные (tasks, addTask, не a, f1),
   • комментарии на русском над каждым функциональным блоком (5-8 комментариев на весь файл достаточно),
   • не используй var — только const и let, объясни одной фразой почему.
6. Что попробовать дальше: одна следующая идея (например, «добавь приоритеты — высокий / средний / низкий»). Одна.

В конце короткая мысль: «что такое JavaScript» в двух предложениях — потому что я только что его впервые применил.