Mój portfel
Zaprojektowano ciemny interfejs aplikacji webowej do rejestrowania i śledzenia przychodów oraz wydatków w podziale na okresy czasowe. Zrealizowane funkcjonalności:
Nagłówek aplikacji z nazwą i przełącznikiem okresów (Tydzień / Miesiąc / Rok / Cały czas) — zrealizowany za pomocą grupy przycisków z aktywnym stanem (active state przez klasę CSS)
Dwukolumnowy układ na CSS Grid: strumień transakcji (Feed) po lewej stronie i panel podsumowujący (Summary) po prawej stronie
Blok Summary z siatką wskaźników: Przychody (zielony), Wydatki (czerwony), Bilans (żółty) — kodowanie kolorów danych za pomocą zmiennych CSS
Blok By Category do wyświetlania wydatków według kategorii
Puste stany (empty states) dla bloków bez danych z podpowiedziami dla użytkownika
Przyciski + Dodaj wpis na dole ekranu (position: fixed / sticky) z zaokrąglonymi krawędziami i fioletowym kolorem akcentowym
Ciemna tematyka (dark theme) z wielowarstwowymi odcieniami tła, aby stworzyć wizualną głębię między warstwami.
Nagłówek aplikacji z nazwą i przełącznikiem okresów (Tydzień / Miesiąc / Rok / Cały czas) — zrealizowany za pomocą grupy przycisków z aktywnym stanem (active state przez klasę CSS)
Dwukolumnowy układ na CSS Grid: strumień transakcji (Feed) po lewej stronie i panel podsumowujący (Summary) po prawej stronie
Blok Summary z siatką wskaźników: Przychody (zielony), Wydatki (czerwony), Bilans (żółty) — kodowanie kolorów danych za pomocą zmiennych CSS
Blok By Category do wyświetlania wydatków według kategorii
Puste stany (empty states) dla bloków bez danych z podpowiedziami dla użytkownika
Przyciski + Dodaj wpis na dole ekranu (position: fixed / sticky) z zaokrąglonymi krawędziami i fioletowym kolorem akcentowym
Ciemna tematyka (dark theme) z wielowarstwowymi odcieniami tła, aby stworzyć wizualną głębię między warstwami.