Trillo
Trillo je web aplikacija za organizaciju zadataka na kanban tabli. Zadaci se raspoređuju po kolonama, pomjeraju prevlačenjem i dopunjuju prioritetima i rokovima. Pregled je prilagođen brzom planiranju i praćenju obaveza.
- Tehnologije
- Next.jsTailwind CSS
Planiranje na kanban tabli
Trillo prikazuje zadatke kroz kolone koje predstavljaju različite faze posla. Umjesto jednog dugog spiska, obaveze se mogu razdvojiti na ono što čeka, što se trenutno radi, što je na provjeri i što je završeno.
Razvili smo interfejs u kojem se većina svakodnevnih radnji obavlja direktno na tabli. Dodavanje zadatka, promjena prioriteta i pomjeranje kartice ne zahtijevaju prelazak na drugu stranicu.
Kolone koje prate način rada
Naziv table i nazivi kolona mogu se mijenjati, a nove kolone dodavati prema potrebi. Prevlačenjem se uređuje njihov redoslijed, kao i raspored zadataka unutar kolone ili između različitih faza.
Svaka kolona prikazuje broj zadataka i ima svoj ulaz za dodavanje nove kartice. Kada je prazna, ostaje jasno gdje se novi zadatak dodaje, bez nepotrebnog prostora i dodatnih koraka.
Uređivanje zadataka
Zadatak se uređuje u prozoru iznad table, pa raspored ostaje vidljiv u pozadini. Uz naziv se može dodati rok, dok se prioritet mijenja direktno na kartici. Istekli rokovi imaju posebnu oznaku kako bi se lakše uočili.
Brisanje zadataka i kolona traži potvrdu. Prozori se mogu zatvoriti i tastaturom, a fokus se prebacuje na polje koje se uređuje, tako da se unos može odmah nastaviti.
Pretraga i prioriteti
Pretraga radi preko svih kolona i vizuelno izdvaja zadatke koji odgovaraju unosu. Tako se kartica može pronaći i kada se ne zna u kojoj je fazi ili gdje je posljednji put pomjerena.
Prioriteti su označeni bojom i tekstom. Njihova promjena je dostupna na samoj kartici, pa se hitnost može uskladiti s novim obavezama bez otvaranja dodatne forme.
Razvoj aplikacije
Trillo obuhvata frontend, backend i bazu podataka. Interfejs je razvijen u Next.js-u i Reactu, uz Tailwind CSS. Za prevlačenje zadataka i kolona korišten je hello-pangea/dnd.
Zadaci, prioriteti, rokovi i raspored kolona čuvaju se u bazi podataka. Backend obrađuje dodavanje, uređivanje i brisanje, dok se promjene prikazuju direktno na tabli, bez napuštanja stranice.