01 / PRZEGLĄD
Pulpit dnia
Podsumowanie zadań, plan na dziś i następny krok. Najważniejsze informacje w jednym miejscu.
PROJEKT PORTFOLIO · APLIKACJA WEBOWA
Mniej chaosu.
Więcej przestrzeni na działanie.
TimeWizard porządkuje zadania, plan dnia i postępy w jednej przestrzeni. Od listy rzeczy do zrobienia do konkretnego bloku w kalendarzu.
Prezentacja wizualna · fikcyjne dane · bez zakładania konta
ZAJRZYJ DO ŚRODKA
Jeden projekt. Kilka perspektyw.
Rzeczywiste komponenty aplikacji, wypełnione fikcyjnymi zadaniami. Otwórz zrzut, aby obejrzeć szczegóły interfejsu.
02 / PLAN
Planowanie dnia
Zadania na osi czasu, kategorie i bloki pracy. Czytelny widok tego, na co przeznaczony jest dzień.
03 / ZADANIA
Tablica Kanban
Od „Do zrobienia” do „Ukończone”. Karty z kategoriami, priorytetami i szacowanym czasem pracy.
04 / POSTĘPY
Statystyki
Aktywność w czasie, podział na kategorie i priorytety. Wizualny obraz postępów w zadaniach.
OD POMYSŁU DO INTERFEJSU
Zadania potrzebują miejsca w czasie.
Sama lista nie mówi, kiedy zabrać się do pracy. Pomysł TimeWizard łączy zarządzanie zadaniami z planowaniem dnia i obserwowaniem postępów.
Zbierz
Zadania mają kategorie, priorytety, terminy i szacowany czas wykonania.
Zaplanuj
Planer układa pracę w bloki. Algorytm planowania uwzględnia priorytety, terminy i dostępność.
Sprawdź postęp
Kanban pokazuje status pracy, a wykresy pomagają zobaczyć rytm realizacji zadań.
ZAKRES PROJEKTU
Interfejs i zaplecze aplikacji.
Kod projektu obejmuje również uwierzytelnianie, model danych, akcje serwerowe, tryb Focus z Pomodoro i mechanizmy gamifikacji. Ta strona pokazuje wybrane ekrany, bez uruchamiania usług aplikacji.
Wszystkie liczby na zrzutach są przykładowymi danymi interfejsu.
POD MASKĄ
Technologie wykorzystane w projekcie.
Interfejs
Next.js · React · TypeScript
Komponenty, routing i typowanie danych.
Wygląd
Tailwind CSS · Framer Motion
Responsywne widoki i animacje interfejsu.
Dane i dostęp
PostgreSQL · Prisma · Auth.js
Model danych i uwierzytelnianie w kodzie aplikacji.
Wizualizacja
Recharts · date-fns
Wykresy aktywności i operacje na datach.
Zobacz szczegóły, nie tylko stronę główną.
Cztery widoki pokazują sposób organizacji informacji, pracę z danymi i spójność interfejsu.