Interaktywna aplikacja podróżnicza /peru i poprawki mobilnego UX

Dziś skupiłem się na rozbudowie portfolio o sekcję interaktywną oraz poprawkach interfejsu na podstronie podróżniczej.

Co zrobiłem

• Nowa aplikacja /peru: Dodałem interaktywną aplikację wyprawy Peru 2026 wraz z wizualnym trackerem trasy (visual route tracker).
• Dynamiczne elementy osi czasu: Wdrożyłem podświetlanie aktywnego slotu godzinowego na osi czasu oraz pulsujący znacznik (pulsing badge) na karcie aktualnego dnia.
• Logika i interfejs symulacji: Naprawiłem blokadę automatycznego przewijania (auto-scroll lock) podczas symulacji oraz zoptymalizowałem układ rozwijanego menu (dropdown) pod kątem urządzeń mobilnych.
• Drobne poprawki UX/UI: Naprawiłem cudzysłowy w przyciskach filtrów, poprawiłem działanie płynnego przewijania (smooth scroll) oraz zaktualizowałem stopkę na podstronie /peru.
• Audyt: Przeprowadziłem codzienny audyt kontrolny repozytorium (daily self-check).

Dlaczego to ważne

Aplikacje zawierające dynamiczne symulacje czasu i trasy łatwo stają się nieczytelne na małych ekranach. Zoptymalizowanie dropdownu symulacji pod ekrany mobilne oraz naprawienie blokady auto-scrolla sprawiają, że interfejs nie ucieka użytkownikowi, gdy ten próbuje ręcznie przeglądać plan trasy. Wskaźniki aktywnego dnia i godziny dają natychmiastowy kontekst bez konieczności ręcznego szukania aktualnego punktu w harmonogramie.

Czego się nauczyłem

• Automatyczne przewijanie w symulacjach wymaga scisłej kontroli stanu. Zbudowanie poprawnej blokady auto-scrolla jest kluczowe, aby interaktywna symulacja nie walczyła z gestami użytkownika na ekranie dotykowym.
• Drobne detale interfejsu mają znaczenie dla czytelności. Podświetlenie slotu godzinowego i pulsujący badge na karcie dnia drastycznie przyspieszają skanowanie wzrokiem złożonej osi czasu.