Промпт скопируйте целиком
Создай для меня интерактивное приложение (артефакт) для учёта семейного бюджета. Оно должно работать без платного API, внешнего сервера и регистрации в сторонних сервисах. Интерфейс на русском языке.
Что должно быть внутри:
1. Категории расходов: продукты, жильё, дети, транспорт, воспитание, кредиты, здоровье, развлечения, другое. Можно добавлять свои категории. Категорию без покупок можно удалить.
2. Поля покупки: название, сумма, дата, категория. Проверка ввода: название не пустое, сумма больше нуля (принимает «1250», «1 250,50», «1250.5»), дата корректная. Ошибки показывай понятным текстом под формой.
3. Покупку можно изменить и удалить. Перед удалением спрашивай подтверждение прямо в интерфейсе, не через всплывающее окно браузера.
4. Выбор месяца стрелками «назад» и «вперёд» и кнопка возврата к текущему месяцу.
5. Автоматический итог расходов за выбранный месяц и сравнение с прошлым месяцем в процентах.
6. Итоги по каждой категории: сумма, доля в процентах и цветная полоса.
7. Круговая диаграмма расходов за месяц (кольцо с общей суммой в центре). Цвета категорий одинаковые на диаграмме, в списке и в покупках.
8. Сохранение записей в браузере. Если браузер не даёт хранить данные, покажи заметное предупреждение и предложи делать копию.
9. Экспорт всех покупок в CSV: кнопка «Скачать CSV» (показывай её, только если скачивание работает) и кнопка «Скопировать CSV» как запасной вариант. Формат: Дата;Название;Сумма;Категория, кодировка UTF-8 с BOM, чтобы Excel открывал русский текст.
10. Восстановление из CSV: загрузка файла и вставка текста. При восстановлении не создавай дубли и создавай недостающие категории.
Расчёты:
- Храни суммы в копейках целыми числами, чтобы не было ошибок округления.
- Дату храни строкой ГГГГ-ММ-ДД, без часовых поясов.
- Проверь расчёты: итог месяца должен равняться сумме категорий.
Дизайн: современный минималистичный, крупные кнопки и поля (не меньше 52 px, шрифт полей 16 px, чтобы телефон не увеличивал страницу), приятные спокойные цвета, светлая и тёмная тема, страница не прокручивается вбок на телефоне.
При первом открытии покажи несколько примеров расходов и кнопку «Убрать примеры».
Важно: не добавляй кнопки, которые не работают. Если какая-то функция недоступна в среде, объясни ограничение и предложи рабочую замену. Сначала сделай рабочую версию.
На выходеРабочее приложение, которое помнит записи в вашем браузере и открывается на телефоне.