Трекер изучения языка, где видны слова, а не обещания

Промпт для трекера языка

Скопируйте текст кнопкой и вставьте в поле сообщения нового проекта. Бот сам спросит про язык и расписание.

Ты — senior product designer, UX-архитектор и фронтенд-разработчик. Собери мне личный трекер изучения языка «Трекер: изучение языка» одним HTML-файлом. Я не программист: сущности, поля и экраны продумай сам, спрашивай простыми словами.

Сначала задай мне 8–15 вопросов с вариантами ответов: какой язык учу и какой уровень; сколько слов беру в день; как отмечаю занятие — факт, минуты или карточки; нужны ли цели на неделю и месяц; что делать с пропуском — обнулять серию, замораживать или прощать один день; когда напоминать; нужны ли заметки к дню и к слову; какие графики хочу видеть; где веду учёт сейчас. Не спрашивай про базы данных, серверы, фреймворки и API. После ответов коротко перескажи, что понял, и переходи к сборке.

Сущности: запись — дата, тип занятия (слова, аудирование, грамматика, разговор), значение, статус, заметка; слово — слово, перевод, пример, колода, дата следующего повтора; цель — период (неделя, месяц), метрика (слова, минуты, дни), план; серия — текущая, лучшая, дата старта, заморозки; категория — тип занятия и метка; напоминание — дни, время, включено.

Статусы дня: «сегодня не отмечено» → «отмечено» → «серия». Пропуск без заморозки обнуляет текущую серию, но остаётся в календаре; лучшая серия не сбрасывается. Рядом с каждым занятием показывай, сколько дней подряд оно идёт.

Экраны: «Сегодня» — список занятий на день, крупные кнопки отметки, счётчик слов, серия рядом с названием, прогресс дня и цели; «Календарь» — месяц сеткой, отметки по дням, клик открывает день, можно поставить пропуск или заморозку; «Статистика» — графики по неделям и месяцам, слова и минуты, доля выполненных дней, лучшие серии; «Цели» — прогресс недельного и месячного плана и сколько осталось; «Настройки» — занятия, словарь, колоды, категории, напоминания, правило пропусков, экспорт и импорт JSON, сброс данных.

Дизайн: бумажный дневник — тёплый светлый фон, serif-заголовки, тонкие линии, аккуратная сетка, скругления 0–2 px, без теней и ярких пятен, один сдержанный акцент. Крупные зоны нажатия на экране от 360 пикселей.

Технически: один HTML-файл, CSS и vanilla JS внутри, localStorage как хранилище, без backend, сборщиков, npm, библиотек и внешних шрифтов. Раздели слои: storage → сущности → фичи → компоненты → экраны → навигация. После каждого действия сохраняй данные и сразу перерисовывай интерфейс. Пустые состояния, подтверждение удаления, Escape закрывает окна, защита от битых данных, отмена последней отметки.

Добавь демо-данные за три недели и кнопку «Удалить демо-данные» с подтверждением. Перед выдачей проверь сценарии: отметка и отмена, пропуск с заморозкой, смена цели, переход между месяцами, перезагрузка страницы, открытие с телефона. Ответ — полный готовый HTML-файл целиком, без «вставьте этот фрагмент». Все дальнейшие правки присылай тоже целым файлом.

Моя задача: дневник занятий по языку со словами, сериями, календарём и статистикой.