Как создать приложение для трекинга привычек

Трекер привычек — это список привычек, быстрый способ отметить их каждый день и видимость серий и истории, которая помогает не сбиваться. Это один из лучших первых проектов для ИИ-конструктора: данных немного, правила понятные, и вы сами будете пользоваться им каждый день. Сегодня самый практичный способ сделать такой трекер — адаптивное веб-приложение, которое можно добавить на главный экран телефона, а не приложение из App Store. В этом руководстве честно сказано, что это значит для напоминаний.

Веб-приложение, а не приложение из App Store (пока)

Большинство представляет трекер привычек как приложение для телефона. У вас есть три варианта:

Для личного трекера или трекера для небольшой аудитории обычно правильна первая версия в виде PWA. Аккаунты в магазинах тоже стоят денег: по данным на сентябрь 2026 года, программа разработчика Apple стоит $99 в год, а аккаунт разработчика Google Play — разово $25, как указано на их сайтах. Подробнее — в нашем руководстве о нативных и прогрессивных веб-приложениях, а как создать адаптивное веб-приложение описывает детали для телефонов.

Пара слов об ИИ-конструкторах: большинство из них создают веб-приложения. Mythex тоже, а на тарифе Pro он упаковывает веб-приложение в Android- и iPhone-приложение, которое отправляется во внутреннее тестирование Google Play и в TestFlight. Экраны при этом остаются веб-экранами, поэтому если вам нужен полностью нативный интерфейс, используйте нативный конструктор.

Что нужно трекеру привычек

Основные функции

• Привычки: название, необязательная иконка или цвет и расписание — каждый день, выбранные дни недели или определённое число раз в неделю.
• Отметки: одно касание, чтобы отметить сегодняшнюю привычку выполненной. Повторное касание отменяет отметку.
• Экран «Сегодня»: привычки, которые нужно выполнить сегодня, с явно другим видом для выполненных. Это экран, который люди открывают чаще всего, поэтому он должен работать быстро.
• Серии: текущая серия и лучшая серия для каждой привычки.
• История: календарь или сетка с каждым днём, чтобы были видны пропуски.

Полезное, но позже

• Привычки с подсчётом («8 стаканов воды», «20 страниц») с целью на день.
• Заметки к отметке («пробежал 5 км, было тяжело»).
• Напоминания в выбранное время.
• Пауза привычки (отпуск, болезнь) без обнуления серии.
• Архивирование привычек, от которых вы отказались, вместо их удаления вместе с историей.

Данные

Всё приложение держится на двух таблицах:

• Привычки — пользователь, название, расписание, цель, дата создания, флаг архива.
• Отметки — привычка, дата, значение (для привычек с подсчётом), заметка.

Храните отметку как календарную дату (например, 2026-09-29) в часовом поясе пользователя, а не только как временную метку. Это одно решение предотвращает большинство ошибок в сериях.

Как правильно считать серии

Серии выглядят простыми, но таковыми не являются. Решите эти правила и включите их в промпт:

1. Чьё «сегодня»? Используйте местную дату пользователя. Отметка в 23:30 в Лос-Анджелесе уже «завтра» по UTC. Сохраняйте часовой пояс пользователя в профиле.
2. Считается ли сегодня, если день ещё не закончен? Если сегодняшняя привычка не выполнена, текущая серия должна показывать серию до вчера, а не обнуляться в полночь. Большинство трекеров считают серию прерванной только после того, как запланированный день полностью прошёл.
3. Только запланированные дни. Для привычки «пн, ср, пт» вторник не считается пропуском.
4. Недельные цели. «3 раза в неделю» измеряется по неделям, поэтому и серия считается в неделях.
5. Отметки задним числом. Могут ли люди отметить вчерашний день? Обычно да, в пределах лимита, потому что люди забывают.

Попросите ИИ написать расчёт серий отдельной функцией с тестами и примерами с ожидаемыми результатами. Именно эту часть стоит проверить вручную в первую очередь.

Один пользователь или аккаунты?

Если трекер только для вас и на одном устройстве, он может хранить данные в собственном хранилище браузера: без входа и без базы данных. Минус: очистка браузера или смена телефона стирает всё.

Если вы хотите видеть свои привычки на телефоне и ноутбуке или создаёте приложение для других людей, добавьте:

• Вход — email и пароль или провайдер входа. См. как добавить вход в приложение.
• База данных — чтобы данные хранились на сервере и синхронизировались между устройствами.
• Изоляция данных пользователей — каждый человек должен видеть только свои привычки. Проверьте, войдя под двумя пользователями.

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

Напоминания, честно

Напоминания — та функция, которая сильнее всего отличает веб-приложение от нативного.

• Веб-push работает в современных браузерах. На iPhone и iPad Apple сообщает, что веб-push появился в iOS и iPadOS 16.4 для веб-приложений, добавленных на главный экран, — поэтому пользователи сначала должны установить приложение, а затем разрешить уведомления.
• Кто-то должен их отправлять. Напоминание в 20:00 требует серверной задачи, которая запускается по расписанию и отправляет push или письмо. Размещённые приложения, которые засыпают без активности, сами не проснутся, поэтому спросите у своего конструктора, как будет запускаться фоновая работа.
• Email — простой запасной вариант. Ежедневное письмо-сводка проще в реализации и работает везде. См. как отправлять письма из приложения.

Разумный план: запустите без напоминаний, поработайте неделю, затем добавьте их.

Первый промпт, который работает

Создай веб-приложение-трекер привычек, в первую очередь для телефонов. Я могу добавлять привычки с названием, цветом и расписанием (каждый день, выбранные дни недели или N раз в неделю). Главный экран показывает сегодняшние привычки крупными кнопками: одно касание отмечает выполнение, второе отменяет. У каждой привычки видны текущая и лучшая серии, которые считаются только в запланированные дни по моему местному времени; сегодняшний день не обнуляет серию, пока день не закончился. Экран истории показывает сетку по месяцам для каждой привычки. Храни отметки как локальные календарные даты. Добавь вход по email и паролю и сохраняй данные в базе, чтобы они синхронизировались между телефоном и ноутбуком. Сделай приложение устанавливаемым на главный экран как PWA, с иконкой и названием.

Пошаговая сборка

1. Экран «Сегодня» на тестовых данных. Сначала добейтесь, чтобы главный экран хорошо смотрелся на телефоне.
2. Добавление привычек и отметок. Создайте три привычки с разным расписанием и отметьте их.
3. Логика серий. Дайте ИИ тестовые случаи: «привычка по пн–ср–пт выполнена в пн, ср, пт, пн → серия 4». Проверьте их.
4. Сетка истории. Пропуски должны быть заметны.
5. Вход и база данных. Затем откройте приложение на втором устройстве и убедитесь, что данные совпадают.
6. Установка. Добавьте приложение на главный экран iPhone (Поделиться → «На экран «Домой»») и Android (пункт установки в браузере). Проверьте иконку, название и полноэкранный запуск.
7. Пользуйтесь неделю. За семь дней использования вы найдёте больше реальных проблем, чем за час тестирования.

Частые ошибки

• Серверное время как «сегодня». Самая частая ошибка в сериях. Используйте часовой пояс пользователя.
• Маленькие области нажатия. Трекером пользуются одной рукой, полусонно. Делайте кнопки отметки крупными.
• Слишком много функций сразу. Ленты, значки и графики могут подождать, пока не заработает базовый цикл.
• Обещание push на iPhone без установки. Объясните пользователям, что сначала нужно добавить приложение на главный экран.
• Нет отмены. Случайные нажатия происходят каждый день.
• Удаление вместо архивирования. Людям хочется сохранить историю, когда они бросили привычку.

Когда лучше готовое приложение для привычек

Если вам нужно просто отслеживать свои привычки, готовые приложения для них отполированы, имеют виджеты и нативные уведомления и стоят недорого или бесплатно. Строить своё стоит, когда нужно то, чего эти приложения не делают: трекер для конкретной программы (группа клиентов тренера, пациенты клиники, командный челлендж), собственные правила для серий, привычки, связанные с другими вашими данными, или просто удовольствие от инструмента, сделанного именно для вас. Это также хороший проект, чтобы разобраться, как устроены приложения; см. идеи побочных проектов, которые можно сделать с ИИ.

Как это сделать в Mythex

Mythex создаёт это как веб-приложение: вы описываете его в чате, проверяете в живом превью в фрейме телефона и добавляете базу данных, когда просите аккаунты и синхронизацию. Публикуйте приложение по публичной ссылке и добавьте его на главный экран телефона. На тарифе Pro Mythex также может упаковать его в Android- и iPhone-приложение для внутреннего тестирования в Google Play и TestFlight. Чтобы начать с готового промпта, откройте шаблон ежедневного трекера привычек или посмотрите шаблоны приложений.

Вопросы