01 — трекер воды
Трекер питьевого режима, который считает стаканы вместо вас
Восемь стаканов в день — простая идея, которая разваливается к среде. Держать норму в голове неудобно, а платить за очередной сервис не хочется. Соберите свой дневник воды за один вечер.
- Отметка стакана — одно касание, без меню.
- Цель, серия и календарь на одном экране.
- Файл остаётся у вас и открывается на телефоне.
Бот пришлёт ссылку на установку и 5 млн токенов бесплатно.
Экран «Сегодня» в собранном приложении
Стаканы за день без напоминаний в голове
Питьевой режим ломается на бытовых мелочах. Три знакомые сцены.
Воду наливаете, ставите рядом с ноутбуком и вспоминаете к обеду. Блокнот заполняется до вторника и замолкает.
Встречи и дорога отодвигают жажду. Вечером догоняете норму двумя стаканами и чувствуете тяжесть.
Память округляет в свою пользу, таблица открывается через четыре касания. Счёт бросается первым, следом уходит режим.
Открываете экран, видите «6 из 8» и добавляете стакан. Календарь показывает пропуски, серия держит ритм.
Три пути к одному экрану со стаканами
Сравнение без цен и чужих названий: важно, что остаётся у вас в конце.
| Что сравниваем | Нанять разработчика | Купить подписку | Собрать самому этот вариант |
|---|---|---|---|
| Деньги | Десятки тысяч рублей: оценка, дизайн, вёрстка, тесты. | Ежемесячный платёж за доступ к чужому сервису. | 5 млн токенов на старте, оплаты за трекер нет. |
| Срок | Недели переписки и согласований. | Минуты до экрана, но функции по тарифу. | Один вечер: промпт, ответы, готовый файл. |
| Правки | Через переписку, новую оценку и ожидание. | Только предусмотренные производителем. | Словами в чате: «добавь чай и объём бутылки». |
| Результат | Код и доступ чаще у подрядчика. | Доступ закрывается вместе с оплатой. | HTML-файл ваш: копируется и работает без интернета. |
Для личного дневника платить за инфраструктуру и чужую команду необязательно: сборщик сохранит интерфейс в один файл.
Пять причин собрать самому
- Экономия без компромисса
Вместо счёта за разработку и подписки — 5 млн токенов на старте. Хватает на сборку и правки.
- Приложение принадлежит вам
Один HTML-файл. Можно положить в облако или открыть на старом ноутбуке: доступ не отключат.
- Правки формулируются словами
«Добавь морс», «сделай серию крупнее» — обычная просьба, после которой меняется тот же файл.
- Не нужно ждать чужую очередь
Собираете, когда удобно: после ужина или в выходные. Первый экран — пока закипает чайник.
- Нет лимитов тарифа
Календарь, графики, серии, заметки и напоминания — одна версия, а не платные уровни.
Шесть модулей, которых хватает для дневника воды
Каждый блок закрывает бытовую задачу — от отметки до разбора недели.
Быстрые отметки
Кнопки «+ стакан» и «+ 250 мл»: одно касание, без меню.
Серии и цели
Дневная норма, недельная цель и дни подряд. Прогресс виден сразу.
Календарь
Сетка месяца, где насыщенность клетки зависит от процента нормы.
Графики
Столбики по неделям, средний объём, лучший день и разбивка по напиткам.
Заметки
Короткая строка к дню: тренировка, жара, поездка. Пометки объясняют скачки.
Напоминания
Время, дни недели и текст подсказки. Один переключатель — без потока уведомлений.
Семь шагов от установки до готового файла
Ниже — путь целиком. Кнопки называются так же, как в интерфейсе; на каждом шаге есть скриншот с жёлтой подсказкой.
Убедитесь, что приложение установлено
Бот присылает ссылку после слова «старт». Приложение на рабочем столе — открывайте.
Нажмите «Открыть веб-интерфейс»
Кнопка открывает рабочую область: проекты, поле сообщения и ответы сборщика.
Нажмите «Создать проект»
Проект — отдельная папка, чтобы вода не смешалась с другими задачами.
Впишите название и нажмите «Создать проект»
Подойдёт «Питьевой режим» или «Вода»: имя нужно только вам.
Скопируйте промпт и вставьте его в сообщение
Промпт ниже, в рамке с кнопкой «Скопировать промпт». Вставьте через Ctrl+V; на телефоне — «Вставить».
Нажмите «Отправить» ↑ или Enter
Стрелка вверх отправляет сообщение. Не закрывайте вкладку до первого вопроса.
Ответьте на 8–15 вопросов и заберите файл
Сборщик спросит про норму, объём и напоминания. Отвечайте обычными словами.
В конце получите HTML-файл: открывайте в браузере и пользуйтесь.
Текст, который вставляют в поле сообщения
Скопируйте целиком: это описание будущего трекера. Чего не хватает — допишите словами.
Ты — senior product designer и frontend-разработчик. Сначала задай мне 8–15 простых вопросов о моём питьевом режиме (сколько стаканов в день, какой объём стакана, в какое время удобно пить, нужны ли напоминания, что показывать сразу после открытия), дождись ответов и только потом собирай приложение.
Собери один самодостаточный HTML-файл: весь CSS и JavaScript внутри, без внешних библиотек, шрифтов и запросов в сеть. Интерфейс на русском, адаптивный, крупные элементы для телефона.
Ниша: личный трекер и дневник питьевого режима.
Сущности:
1. Запись — дата, время, количество стаканов или миллилитров, тип напитка, заметка.
2. Категория — вода, чай, морс, вода с лимоном; можно добавлять свои, у каждой свой цвет-метка.
3. Цель — дневная норма в стаканах и миллилитрах, цель на неделю, прогресс в процентах и «сколько осталось».
4. Серия — число дней подряд, когда норма закрыта; рекорд серии хранится отдельно.
5. Напоминание — время, дни недели, текст; включение и выключение одним переключателем.
Статусы дня: «сегодня не отмечено» → «отмечено» → «серия». Показывай статус словом и цветом, без иконок-шрифтов.
Экраны:
- «Сегодня»: большое число стаканов, полоса прогресса к норме, кнопка «Добавить стакан», быстрые отметки по 100, 200 и 250 мл, статус дня и серия.
- «Календарь»: сетка месяца, плотность цвета по проценту нормы, клик по дню открывает записи и заметку.
- «Статистика»: столбики по неделям, средний объём за месяц, лучший день, разбивка по категориям, серия и рекорд.
- «Цели»: дневная и недельная цель, прогресс, настройка нормы и объёма стакана.
- «Настройки»: единицы, напоминания, экспорт и импорт JSON и CSV, очистка истории с подтверждением.
Правила: данные хранятся в localStorage и подставляются при открытии; записи за сегодняшний день редактируются, прошлые — только просматриваются с подтверждением. Графики рисуй на SVG или canvas, без библиотек. Пустое состояние — короткая подсказка и кнопка первой отметки. Никаких регистраций, аккаунтов и внешних запросов. В конце выведи готовый файл целиком.Перед отправкой проверьте норму стаканов и объём стакана. Остальное сборщик уточнит вопросами.
Что обычно спрашивают перед сборкой
Куда попадают отметки о выпитой воде?
В память браузера, внутрь самого HTML-файла. Записи не уходят на сервер, открываются без интернета и остаются у вас, пока вы не очистите историю. Раз в месяц выгружайте JSON — это заменит резервную копию.
Будет ли трекер напоминать попить?
Да. В настройках задаются время, дни недели и текст подсказки, переключатель включает их и выключает. Пока приложение открыто, подсказка появляется сама; уведомление на телефон добавляется отдельным шагом.
Можно ли отмечать стаканы с телефона?
Да. Интерфейс адаптивный: одна колонка, крупные кнопки, счётчик наверху. Файл открывается в мобильном браузере, а иконку можно вынести на главный экран.
Как перенести старые записи из блокнота или таблицы?
Один раз внесите их через импорт CSV или JSON: дата, объём, напиток, заметка. Дальше отметки добавляются в одно касание. Если формат не совпадает, попросите сборщик принять ваши колонки как есть.
Можно ли добавить свои поля и напитки?
Да. Скажите словами, что нужно: категория для чая, объём бутылки, самочувствие, время последнего стакана. Правка вносится в тот же файл, старые записи сохраняются.
Это действительно бесплатно?
На старте бот выдаёт 5 млн токенов — этого хватает на сборку и несколько правок. Подписки нет: файл ваш, открывается в любом браузере и не перестаёт работать.
Соберите дневник воды, который не хочется бросать
Ссылка, промпт и семь шагов готовы. Дальше — один вечер и экран, где стаканы считаются сами.
5 млн токенов бесплатно · после слова «старт»
Один HTML-файл: отметки, цели, календарь, графики, заметки и напоминания. Без аккаунта и подписки.