Чеклист похода
Реализуйте чеклист вещей для похода. Пункты сгруппированы по категориям (укрытие, готовка, безопасность). Пользователь отмечает собранные вещи, может добавить свои пункты и видит прогресс. Данные сохраняйте в localStorage. Вся логика выполняется на клиенте без перезагрузки страницы. Скачать верстку для проекта.
Основные возможности проекта
- Список вещей, разбитый на категории.
- Чекбоксы для отметки собранных вещей.
- Форма добавления своего пункта в выбранную категорию.
- Прогресс-бар и счётчик собранного.
- Сохранение состояния в локальном хранилище.
Главная страница
На странице выводится список вещей для похода, сгруппированный по категориям. У каждого пункта есть чекбокс. Отмеченный пункт перечёркивается.
Категории
Список должен быть разбит минимум на три категории. Пример:
- Укрытие: палатка, спальный мешок, коврик.
- Готовка: горелка, котелок, посуда, термос.
- Безопасность: фонарик, аптечка, репеллент.
Добавление пунктов
Под списком должна быть форма: поле названия, выбор категории и кнопка «Добавить». Новый пункт появляется в выбранной категории.
Прогресс и завершение
Показывается, сколько вещей собрано из общего числа, и прогресс-бар. Когда отмечены все пункты, выводится сообщение: «Отлично! Вы собрали всё необходимое в поход!»
Хранение данных
Состояние чеклиста (включая добавленные пункты) хранится в localStorage. При повторном открытии страницы отметки сохраняются.
