Budżet: 2000 UAH Termin: 1 dzień
Dzień dobry!
Zapoznałem się z opisem zadania. Mam doświadczenie w pracy z React + TypeScript, Tailwind oraz Framer Motion, a także w poprawianiu problemów UI/UX w już istniejących projektach bez przepisywania architektury.
Jak podejdę do zadań:
1. Auth-flow
Starannie przebuduję logikę modalu autoryzacji tak, aby głównym CTA było “Zaloguj się”. Logowanie stanie się pierwszym ekranem, a przejście do rejestracji będzie ścieżką drugorzędną. Przy tym sprawdzę, aby nie zepsuły się weryfikacja e-mail, zapomniane hasło oraz Google OAuth.
2. Blok filtrów/wyszukiwania podczas przewijania
Przeanalizuję obecną realizację bloku sticky/floating. Zrealizuję stabilne zachowanie za pomocą CSS + niewielkiej logiki JS (IntersectionObserver lub stan przewijania), aby filtr poprawnie działał zarówno na desktopie, jak i na urządzeniach mobilnych.
3. Błąd dotyku na urządzeniach mobilnych (tooltip → drugi dotyk)
Sprawdzę obsługę wskaźnika/dotyku/najechania. Zrobię tak, aby tooltip nie blokował interakcji na urządzeniach mobilnych: pierwszy dotyk wykona akcję, a tooltip będzie działał tylko dla najechania/skupienia na desktopie.
4. Powtórne odtwarzanie animacji przy powrocie w przeglądarce
Sprawdzę cykl życia Framer Motion oraz scenariusz popstate. Dodam kontrolę stanu nawigacji (stan historii/sesji), aby przy powrocie w przeglądarce strona była przywracana bez ponownej animacji ujawnienia, ale animacje były zachowane w normalnej nawigacji.
Po wykonaniu:
• zrobię pull request z osobnymi commitami pod każde zadanie
• dodam zrzuty ekranu lub krótkie wideo desktop/mobile z poprawkami
• sprawdzę, aby nie zepsuły się ręczne routowanie, parametry zapytań filtrów, auth-flow oraz inteligentne linki
Jestem gotów pracować przez grupę Telegram z zadaniami, wideo i zrzutami ekranu.
Będę zadowolony ze współpracy! :)