Tasker App
Vibe Coding Case Study
co zrobiliśmy : Od identyfikacji własnych potrzeb do gotowego produktu w zaledwie 4 dni. Projekt wewnętrzny zrealizowany przez PickPivot.
Tasker App
Vibe Coding Case Study
co zrobiliśmy : Od identyfikacji własnych potrzeb do gotowego produktu w zaledwie 4 dni. Projekt wewnętrzny zrealizowany przez PickPivot.
Pierwsza aplikacja w vibe coding
Dlaczego zdecydowaliśmy się stworzyć własną aplikację do zarządzania zadaniami, odrzucając dziesiątki gotowych narzędzi na rynku?
Brak odpowiedniego narzędzia
Początkiem projektu była frustracja obecnymi rozwiązaniami. Większość popularnych aplikacji to-do była przeładowana niepotrzebnymi funkcjami, miała braki w kluczowych (dla twórcy) miejscach lub wymagała płatnych subskrypcji do odblokowania podstawowych integracji.
Główny cel biznesowy był prosty: Stworzyć bezpłatne, skrojone na miarę narzędzie, które błyskawicznie usprawni codzienną pracę, pozwoli na bezwysiłkowe zapisywanie konkretnych działań i nie pozwoli o nich zapomnieć. Zamiast tracić czas na testowanie kolejnych aplikacji z Google Play, postanowiliśmy wziąć sprawy w swoje ręce.
Kluczowe funkcjonalności
Aplikacja została zaprojektowana z myślą o maksymalnej szybkości działania. Oto co znalazło się w pierwszej wersji (MVP):
- Rozpoznawanie mowy (Voice to Text): Integracja z Google Speech-to-Text pozwala na dodawanie zadań w biegu. Aplikacja bezbłędnie transkrybuje intencje użytkownika na konkretne taski.
- Zaawansowane zagnieżdżanie (Drzewo Zadań): Możliwość tworzenia nielimitowanych podzadań (np. Projekt Pizzeria -> Zakupy -> Kawa -> Konkretna marka). Zapewnia to porządek nawet w bardzo złożonych projektach.
- Personalizowane Kategorie: Elastyczny system tagowania zadań (np. Dom, Zakupy, IT, Programowanie) z dedykowanymi ikonami i kolorami, co ułatwia szybkie filtrowanie.
- Dashboard i Statusy: Szybki podgląd na zadania Aktywne, Gotowe i Ważne, z wbudowanym systemem alarmów przypominających.
UI & Design System
Aplikacja opiera się na nowoczesnym, ciemnym motywie (Dark Mode), który redukuje zmęczenie oczu i pozwala wyróżnić statusy zadań za pomocą nasyconych kolorów (Neon accents). Struktura zagnieżdżania oparta jest na minimalistycznych wcięciach i szarych liniach prowadzących, co gwarantuje czytelność hierarchii.
Paleta Kolorów
Tło Aplikacji
#1F2228
Kafelki Zadań
#2B2E35
Primary Green
#22C55E
Accent Blue
#3B82F6
Typografia
Zastosowano czytelny krój bezszeryfowy (np. Inter lub Roboto). Biały tekst (#FFFFFF) dla nagłówków i szary (#9CA3AF) dla opisów pobocznych zapewnia optymalny kontrast (WCAG) na ciemnym tle.
Ikonografia
Użyto biblioteki Material Design Icons (wbudowanej m.in. we Fluttera). Zapewnia to spójność, rozpoznawalność symboli oraz świetne skalowanie na urządzeniach mobilnych bez utraty jakości.
Technologie i proces
("Vibe Coding")
Projekt to doskonały przykład wykorzystania AI w procesie developmentu. Przyjąłem podejście Vibe Coding: aplikacja (architektura, kod, design, UX/UI, optymalizacja oraz testy) była pisana i udoskonalana przy ścisłej współpracy z narzędziami sztucznej inteligencji (Gemini).
Tech Stack:
- 🚀 Framework: Flutter (Multiplatformowość)
- 🎙️ Voice AI: Google Speech-to-Text API
- ⏱️ Czas tworzenia: Rekordowe 3-4 dni od pomysłu do działającej wersji!
Rezultat i co dalej?
W niespełna tydzień powstało darmowe, niezawodne narzędzie, które natychmiast usprawniło codzienne zarządzanie czasem. To dowód na to, jak zwinne metodyki i wsparcie AI mogą skrócić czas dostarczania wartościowego oprogramowania.
Plany na przyszłość (Roadmapa)
Projekt stale żyje i ewoluuje. W najbliższym czasie planowane jest wdrożenie:
- Logowania do systemu poprzez konto Google.
- Synchronizacji zadań w chmurze między wieloma użytkownikami.
- Możliwości przydzielania zadań całym grupom i współdzielenia projektów.
- Systemu "kodów dostępu" do tworzenia wirtualnych przestrzeni organizacji.
