Завдання
Я фрилансер і щодня рахую час. Пробував Toggl, Clockify і Harvest — щоразу одна й та сама історія: або дорого за базові фічі, або безкоштовно, але інтерфейс як пульт атомної станції. Мені потрібне було просте: натиснув Space — пішов відлік, натиснув ще раз — стоп, наприкінці місяця — рахунок. Тому я вирішив зібрати трекер сам.
Рішення
Я зробив повний продуктовий цикл сам — від дизайну до розробки. logr — це keyboard-first тайм-трекер: Space — старт/стоп, Enter — додати клієнта, Escape — закрити. Жодних модалок там, де без них можна обійтися.
Стек навмисно легкий — Next.js, React, Supabase для авторизації та бази, Vercel для деплою. Для MVP схему залишив максимально простою: одна таблиця user_app_state з JSONB для клієнтів і сесій. Клієнти → Проєкти → Задачі зі статусами PENDING → ACTIVE → DONE, ручне введення сесій, PDF-рахунок в один клік та експорт у CSV, Google-авторизація з хмарною синхронізацією, fallback на localStorage для офлайну і темна/світла теми.
Під екранами лежить невелика дизайн-система: кожен блок — топбар, таймер, таймлайн, проєкти й задачі, оплачувані години, цілі, активність, зведення дня, футер — це компонент з варіантами під десктоп і мобільний та з двома станами, заповненим і порожнім. Тому порожній акаунт не виглядає зламаним.
Усе, що вимагає рішення, живе в модалках, і вони спроєктовані під обидва розширення: ручний запис часу, вибір і створення проєкту, новий клієнт, рахунок, налаштування, запрошення в команду, експорт звіту, видалення.
Результат
logr запущено і він повністю open-source під Apache 2.0 — я веду весь свій тайм-трекінг виключно через нього і лагоджу баги в міру того, як на них натрапляю. Справжній dogfooding. Користуватися може будь-хто безкоштовно: знайшов баг — відкрий issue, потрібна фіча — welcome з PR.
