Habit Tracker — рефакторинг ИИ-кода

О проекте

Трекер привычек на React + localStorage.
Исходный код полностью сгенерирован через ИИ (Replit), затем проведён профессиональный рефакторинг.

Что было сделано

1. Созданы правила для ИИ (AGENTS.md)

• Нет дублирования кода
• Все обработчики через addEventListener (не onclick)
• Функции до 20 строк
• Перед изменениями — объяснить план

2. Проведён рефакторинг без изменения поведения

• Убраны дубликаты
• Логика вынесена в отдельные функции
• Код стал читаемым и поддерживаемым

3. Добавлена новая фича

После рефакторинга добавлена кнопка «Удалить выполненные задачи» — фича легла чисто, без ошибок.

До / После

До рефакторинга	После рефакторинга
Код с дубликатами	Единые функции-помощники
Обработчики onclick в HTML	Чистые addEventListener
Сложно добавить новую фичу	Новая фича добавлена без ошибок

Технологии

• React
• localStorage
• [AGENTS.md] (AGENTS.md) - правила для ИИ-агентов

Как запустить

1. Скачайте репозиторий
2. Установите зависимости: npm install
3. Запустите проект: npm run dev
4. Откройте http://localhost:5173 в браузере

Моя роль

Управление ИИ-агентами, постановка правил, контроль качества кода, рефакторинг

Ссылки

• Исходный код