Drojecki
← Wszystkie projekty

Knitting Counter Pro

Garmin Connect IQ / frontend developer / product builder · wrz 2026 - obecnie

Aplikacja na zegarki Garmin do liczenia rzędów w robótkach ręcznych oraz landing page PL/EN prezentujący funkcje, zgodność zegarków i przejście do Garmin Connect IQ Store.

Garmin Connect IQ · Monkey C · Next.js · React.js · TypeScript

Otwórz projekt ↗
Knitting Counter Pro — release 1.2.4

Mój zakres prac

  • Projektowanie interfejsu pod małą, okrągłą tarczę zegarka i obsługę dotykową.
  • Implementacja logiki projektów, liczników, rund, daily goal, streak days i zabezpieczenia przed odejmowaniem poniżej zera.
  • Testowanie w symulatorze Garmin oraz na kilku modelach zegarka.
  • Dopracowanie publikacyjnego opisu, prywatności i zakresu funkcji pod Garmin Connect IQ Store.
  • Projektowanie i implementacja landing page PL/EN z lokalnymi grafikami i fontami, metadanymi SEO oraz linkami do sklepu.

Efekty

  • Aplikacja działa na zegarku i zapisuje postęp lokalnie bez uprawnień sieciowych.
  • Interfejs ma vintage charakter, duży licznik i łatwe do trafienia przyciski na bokach tarczy.
  • Ustawienia projektu pokazuje dzisiejszy postęp względem celu oraz aktualny streak.
Licznik rzędów — grafika wydania 1.2.4.
Licznik rzędów. Grafika wydania 1.2.4: duży licznik, boczne przyciski i tworzenie nowego etapu.
Ustawienia projektu — grafika wydania 1.2.4.
Ustawienia projektu. Dodawanie etapów, historia etapów i resetowanie licznika w ustawieniach projektu.
Statystyki postępu — grafika wydania 1.2.4.
Postęp dzienny. Cel dzienny, dzisiejsze rzędy i seria dni w jednym widoku.
Więcej o projekcie

Knitting Counter Pro powstał jako praktyczna aplikacja na nadgarstek: szybka w obsłudze, czytelna na okrągłej tarczy i wygodna w użyciu podczas dziergania lub szydełkowania.

Problem

Osoby pracujące z wzorami rzędowymi potrzebują licznika, który jest zawsze pod ręką, nie wymaga telefonu i nie gubi kontekstu między projektami oraz rundami.

Rozwiązanie

Zbudowałem aplikację Garmin Connect IQ z lokalnym zapisem projektów, dużymi łukowymi przyciskami dopasowanymi do tarczy, obsługą rund, celem dziennym i licznikiem streak days. Uzupełniłem produkt o responsywny landing page w Next.js i TypeScript, z wersjami PL/EN, prezentacją funkcji, zgodnością urządzeń, FAQ, pomocą i polityką prywatności.

Pomysł narodził się bardzo domowo: moja dziewczyna miała ręczny licznik rzędów, który często się gubił. Zegarek ma za to zawsze przy sobie, więc naturalnym krokiem było przeniesienie licznika na Garmina.

Decyzje techniczne

  • Lokalny zapis stanu zamiast zależności od telefonu lub backendu.
  • Duże boczne strefy dotykowe dopasowane do okrągłej tarczy.
  • Zabezpieczenie logiki licznika przed zejściem poniżej zera.
  • Statyczny eksport landing page oraz osobne adresy PL/EN z canonicalami, hreflang i sitemapą.