Трекер покупок

Реализуйте трекер, в котором пользователь отслеживает совершенные покупки и потраченные на них суммы.

Основные возможности проекта

• Добавление покупок с указанием названия, категории и цены.
• Таблица покупок за сегодня с возможностью редактирования и удаления.
• Просмотр покупок за любой день.
• Просмотр покупок за выбранный период времени.
• Подсчет суммарной стоимости покупок.
• Сумма за конкретную категорию продуктов.
• Данные хранятся в localStorage.

Главная страница

На странице должны быть размещены:

• Форма для добавления новой покупки (название, категория, цена).
• Таблица покупок за сегодня.
• Блок с суммарной стоимостью покупок за сегодня.
• Кнопки для переключения на другие дни (стрелки вперед/назад).
• Выбор периода для просмотра истории.

Добавление покупки

Форма добавления покупки содержит:

• Название продукта (инпут).
• Категория (выпадающий список: продукты, транспорт, развлечения, одежда, другие).
• Цена (инпут, число).
• Кнопка "Добавить".

При добавлении покупка сохраняется с текущей датой и временем.

Таблица покупок

В таблице отображаются покупки за выбранный день. Каждая запись должна содержать:

• Название продукта.
• Категория.
• Цена.
• Время добавления.
• Кнопки: редактировать, удалить.

Просмотр истории

Пользователь может просматривать покупки:

• За сегодня (по умолчанию).
• За любой день (с помощью стрелок переключения дней).
• За выбранный период времени (выбор даты начала и конца).

Суммарная стоимость

При просмотре покупок снизу таблицы выводится:

• Общая сумма покупок за выбранный день или период.
• Сумма по каждой категории (при просмотре за период).

Хранение данных

Все покупки хранятся в локальном хранилище браузера (localStorage). Ключом для хранения является дата в формате "YYYY-MM-DD". При загрузке страницы данные загружаются из хранилища, при изменении - сохраняются обратно.

Дополнительные возможности

• Экспорт данных в CSV.
• Поиск покупок по названию.