Як створити застосунок-трекер звичок

Трекер звичок — це список звичок, швидкий спосіб відмітити їх щодня і перегляд серій та історії, який мотивує не зупинятися. Це один із найкращих перших застосунків для створення з ШІ: дані невеликі, правила зрозумілі, а ви користуватиметеся ним щодня. Практичний спосіб зробити його сьогодні — веб-застосунок, зручний для телефону, який додають на головний екран, а не застосунок з App Store. Цей гід чесно пояснює, що це означає для нагадувань.

Веб-застосунок, а не застосунок з App Store (поки що)

Більшість людей уявляють трекер звичок як застосунок для телефону. Є три варіанти:

Для особистого трекера або невеликої аудиторії першою версією зазвичай краще обрати PWA. Облікові записи в магазинах теж коштують грошей: станом на вересень 2026 року, за даними їхніх сайтів, членство в Apple Developer Program коштує 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 і пароль або провайдер входу. Див. як додати вхід до застосунку.
• База даних, щоб дані жили на сервері й синхронізувалися між пристроями.
• Ізоляцію даних користувачів: кожна людина має бачити лише свої звички. Перевірте це, увійшовши під двома користувачами.

Дані про звички можуть бути особистими (здоров’я, тверезість, ліки). Робіть їх приватними за замовчуванням, не додавайте соціальний обмін без явної згоди і дайте користувачам змогу експортувати та видалити свої дані.

Нагадування, чесно

Нагадування — функція, яка найбільше відрізняє веб-застосунок від нативного.

• Веб-пуші працюють у сучасних браузерах. На iPhone та iPad Apple повідомляє, що веб-пуші з’явилися в iOS і iPadOS 16.4 для веб-застосунків, доданих на головний екран, тож користувачі мають спершу встановити застосунок, а потім дозволити сповіщення.
• Хтось має їх надсилати. Нагадування о 20:00 потребує серверного завдання, яке запускається за розкладом і надсилає пуш або email. Хостингові застосунки, що засинають у бездіяльності, самі не прокидаються, тож запитайте у свого конструктора, як запускатиметься фонова робота за розкладом.
• Email — простий запасний варіант. Щоденний підсумок на пошту легше побудувати, і він працює всюди. Див. як надсилати email із застосунку.

Розумний план: запустіть без нагадувань, попрацюйте з трекером тиждень, а потім додавайте їх.

Перший промпт, який працює

Створи веб-застосунок-трекер звичок, насамперед для телефону. Я можу додавати звички з назвою, кольором і розкладом (щодня, вибрані дні тижня або N разів на тиждень). Головний екран показує сьогоднішні звички як великі кнопки; одне натискання позначає виконання, ще одне — скасовує. Кожна звичка показує поточну та найкращу серію, яка рахується лише в заплановані дні за моїм місцевим часовим поясом, а сьогоднішній день не обриває серію, доки день не закінчився. Екран історії показує місячну сітку для кожної звички. Зберігай відмітки як локальні календарні дати. Додай вхід через email і пароль і зберігай дані в базі даних, щоб вони синхронізувалися між телефоном і ноутбуком. Зроби його встановлюваним на головний екран як PWA з іконкою та назвою.

Кроки побудови

1. Екран «Сьогодні» на тестових даних. Спочатку відшліфуйте головний екран на розмірі телефону.
2. Додайте звички та відмітки. Створіть три звички з різними розкладами і відмітьте їх.
3. Логіка серій. Дайте ШІ тестові випадки: «звичка пн–ср–пт, виконана в пн, ср, пт, пн → серія 4». Перевірте їх.
4. Сітка історії. Прогалини мають бути помітні.
5. Вхід і база даних. Потім відкрийте застосунок на другому пристрої і переконайтеся, що дані збігаються.
6. Встановіть. Додайте на головний екран на iPhone (Поділитися → На початковий екран) і на Android (опція встановлення браузера). Перевірте іконку, назву та запуск на весь екран.
7. Користуйтеся тиждень. За сім днів використання ви знайдете більше реальних проблем, ніж за годину тестування.

Типові помилки

• Серверний час як «сьогодні». Найпоширеніша помилка із серіями. Використовуйте часовий пояс користувача.
• Замалі зони натискання. Трекером користуються однією рукою, напівсонно. Робіть кнопки відмітки великими.
• Забагато функцій одразу. Стрічки, відзнаки і графіки можуть почекати, доки працює базовий цикл.
• Обіцянка пушів на iPhone без встановлення. Скажіть користувачам спершу додати застосунок на головний екран.
• Немає скасування. Помилкові натискання трапляються щодня.
• Видалення замість архівування. Люди хочуть зберегти історію, коли кидають звичку.

Коли краще готовий застосунок для звичок

Якщо вам потрібен лише трекер для себе, усталені застосунки для звичок відполіровані, мають віджети та нативні сповіщення й коштують мало або нічого. Створюйте власний, коли потрібно те, чого ці застосунки не вміють: трекер для конкретної програми (група клієнтів коуча, пацієнти клініки, командний челендж), власні правила для серій, звички, пов’язані з іншими вашими даними, або просто задоволення від інструмента, зробленого саме для вас. Це також гарний проєкт, щоб зрозуміти, як працюють застосунки; див. ідеї побічних проєктів, які можна створити з ШІ.

Створення з Mythex

Mythex створює це як веб-застосунок: ви описуєте його в чаті, перевіряєте в рамці телефону живого прев’ю, і коли ви просите облікові записи та синхронізацію, додається база даних. Опублікуйте за публічним посиланням і додайте на головний екран телефону. На тарифі Pro Mythex також може обгорнути його в Android- та iPhone-застосунок, який надсилається на внутрішнє тестування в Google Play та TestFlight. Щоб почати з готового промпту, відкрийте шаблон щоденного трекера звичок або перегляньте шаблони застосунків.

Запитання