Как сделать простой трекер привычек или задач через Claude Code
После Telegram-бота (разбирал в отдельной статье) — ещё один классический проект для практики: личный трекер привычек или задач. Готовые приложения вроде Notion или Todoist отлично работают, но собственный трекер под свою логику — хорошая тренировочная задача, которая сразу приносит пользу в быту.
Зачем делать свой трекер, если есть готовые
Готовые приложения универсальны, а значит — перегружены функциями, которые тебе не нужны. Собственный трекер делает ровно то, что нужно тебе, и ничего лишнего. Плюс это отличная практика: маленький, понятный, но не тривиальный проект, где отрабатываются реальные навыки постановки задач для ИИ.
Шаг 1. Определи, что именно должен уметь трекер
Прежде чем писать промпт, реши для себя: трекер привычек (ежедневные отметки — сделал/не сделал) или трекер задач (список дел с возможностью отмечать выполненное). Это разная логика — определись сразу, чтобы не путать ИИ смешанным запросом.
Шаг 2. Опиши первую версию одним промптом
📌 Пример промпта для трекера привычек:
«Создай простую веб-страницу — трекер привычек. Список из нескольких привычек (например: спорт, чтение, вода), у каждой — кнопка "отметить сегодня выполненным". Отметки сохраняются в браузере между заходами (используй localStorage). Дизайн простой и чистый, в пастельных тонах.»
Claude Code сам создаст HTML, CSS и JavaScript-логику для сохранения отметок — без базы данных и сервера, всё хранится прямо в браузере пользователя.
Шаг 3. Проверь, что данные сохраняются между заходами
Открой сайт, отметь пару привычек выполненными, закрой вкладку и открой заново. Если отметки сохранились — localStorage работает правильно. Если нет — опиши Claude Code, что именно не сохраняется, он поправит логику.
Шаг 4. Добавляй функции маленькими шагами
После рабочей базовой версии добавляй по одной функции за раз: счётчик подряд идущих дней (streak), возможность добавлять свои привычки, простую статистику за неделю. Каждая доработка — отдельный промпт, отдельная проверка.
🧩 Идеи для постепенного расширения:
- Счётчик дней подряд без пропуска
- Цветовая индикация прогресса за неделю
- Возможность удалять и добавлять привычки самостоятельно
- Напоминание в определённое время (потребует уже чуть больше логики)
localStorage vs база данных: когда что нужно
Для личного использования на одном устройстве localStorage — самое простое и быстрое решение, не требует бэкенда вообще (о разнице фронтенда и бэкенда подробно писал в статье «Как технически устроен любой сайт»). Если нужно, чтобы данные синхронизировались между телефоном и компьютером — тогда придётся добавить настоящую базу данных и бэкенд, это уже следующий уровень сложности.
| Вариант | Подходит если | Сложность |
|---|---|---|
| localStorage | Используешь с одного устройства | Низкая |
| База данных + бэкенд | Нужна синхронизация между устройствами | Выше, требует хостинга с сервером |
💡 Почему это хороший тренировочный проект
Трекер привычек — маленький, но не примитивный: есть логика сохранения данных, интерактивность, возможность бесконечно наращивать функциональность. Отличный полигон для отработки навыка декомпозиции задач, прежде чем переходить к более крупным проектам.
Итог
Трекер привычек или задач — практичный проект для практики: приносит реальную пользу в быту и одновременно учит работать с сохранением данных и постепенным наращиванием функций. Начни с самой простой версии на localStorage, проверь на себе несколько дней использования — а дальше расширяй по мере того, чего действительно не хватает.
Хочешь разобраться со своим проектом пошагово?
→ Гайд «Сделай под себя» — пошаговая инструкция
→ Живые примеры, разборы и ответы на вопросы — в Telegram-канале: t.me/fizrukvibecode