Podręcznik na React + Django
Potrzebne jest dokończenie frontendu istniejącego projektu React/TypeScript. Nie jest to rozwój od zera, a staranne zamknięcie kilku błędów UI/UX w już działającym produkcie.
Projekt:
D&D podręcznik z wyszukiwarką, sekcjami, szczegółami, glosariuszem zasad, autoryzacją, profilami, komentarzami, filtrami i mobilnym menu.
Stos technologiczny:
- React 19
- TypeScript
- Vite 7
- Tailwind CSS 4
- Framer Motion
- TanStack React Query
- react-hook-form
- zod
- Google OAuth
- PWA
- SSR/prerender
Ważny kontekst dotyczący kodu:
- główna logika frontendu jest mocno skupiona w jednym dużym App.tsx
- nawigacja nie jest klasycznym przepływem react-router, a ręcznym przez history.pushState / popstate
- filtry już działają i synchronizują się z parametrami zapytania
- auth-flow jest już zrealizowany: logowanie, rejestracja, weryfikacja e-maila, zapomniane hasło, logowanie przez Google
- są wewnętrzne smart-linki po terminach i sekcjach
- są animacje przez Framer Motion
Potrzebne jest zamknięcie takich zadań:
1. Przebudować auth-flow z naciskiem na logowanie
Problem:
Obecnie w UI miejscami nacisk jest na “logowanie / rejestrację”. Należy skupić się na logowaniu.
Co jest potrzebne:
- główne CTA powinno być “Zaloguj się”
- pierwszy ekran modalu autoryzacji powinien być logowaniem
- z ekranu logowania powinien być normalny przejście do rejestracji
- rejestracja pozostaje dostępna, ale jako ścieżka drugorzędna
- nie łamać zapomnianego hasła, weryfikacji e-maila, logowania przez Google
Rezultat:
Przepływ wygląda nowocześniej i logiczniej: główna akcja — logowanie, ale nowy użytkownik wciąż łatwo dociera do rejestracji.
2. Naprawić wyświetlanie filtra podczas przewijania na desktopie i mobilnie
Problem:
Podczas przewijania górny blok wyszukiwania/filtra wygląda źle lub prawie nie jest czytelny.
Co jest potrzebne:
- albo zrobić, aby blok filtra/wyszukiwania był normalnie widoczny podczas przewijania
- albo logicznie go ukrywać podczas przewijania
- rozwiązanie powinno działać równie adekwatnie na desktopie i mobilnie
Rezultat:
Filtr nie “wisi w powietrzu”, nie gubi się w interfejsie i nie wygląda na zepsuty.
3. Naprawić błąd mobilny: pierwsze dotknięcie elementu menu/zakładki pokazuje podpowiedź, a nie wykonuje akcji
Problem:
Na mobilnym urządzeniu pierwsze dotknięcie elementu zakładki/menu wywołuje tooltip/podpowiedź, a przejście działa dopiero przy drugim dotknięciu.
Co jest potrzebne:
- pierwsze dotknięcie powinno od razu wykonywać akcję
- tooltip nie powinien blokować głównej interakcji na mobilnym
- tooltip hover/focus na desktopie należy zachować, jeśli to możliwe bez regresji
Rezultat:
Na mobilnym nawigacja działa od pierwszego dotknięcia.
4. Usunąć powtórne odtwarzanie animacji przy powrocie w mobilnej przeglądarce
Problem:
Na mobilnym urządzeniu przy powrocie w przeglądarce ponownie odtwarzana jest nasza animacja reveal/scroll.
Co jest potrzebne:
- nie usuwać animacji całkowicie
- usunąć właśnie powtórne odtwarzanie w scenariuszu powrotu w przeglądarce
- zachować normalną animację w zwykłym scenariuszu przejścia
Rezultat:
Przy powrocie w przeglądarce strona przywraca się bez powielonej animacji.
Co jest ważne:
- nie przepisywać projektu od zera
- nie łamać ręcznego routingu
- nie łamać parametrów zapytania filtrów
- nie łamać auth-flow
- nie łamać wewnętrznej nawigacji po smart linkach
- pożądany minimalny, staranny refaktoring tylko tam, gdzie jest naprawdę potrzebny
Co będzie plusem:
- doświadczenie z Framer Motion
- doświadczenie z mobilną przeglądarką
Co oczekuję od wykonawcy:
- Używać grupy na Telegramie, gdzie są zadania oraz wideo/zrzuty ekranu
- krótko opisać, jak będziecie podchodzić do zadań
- po wykonaniu pull request z commitami do każdej zmiany
- pożądane zrzuty ekranu/krótkie wideo/GIF z poprawkami desktop/mobilne
- nie tylko “naprawić wizualnie”, ale nie złamać obecnej logiki
-
Zrobię poprawki. React/TypeScript, błędy w UI/UX - mój standardowy stos. Prześlijcie listę konkretnych błędów z priorytetami, ocenię każdy z osobna. Repozytorium na GitHubie? Potrzebny dostęp, aby zobaczyć kod i zrozumieć zakres.
-
Witam, mam doświadczenie w programowaniu w React, proszę o kontakt.
-
285 2 0 Witam! Zapoznałem się z dokumentem, jestem gotów przystąpić do pracy od razu.
-
330 Witam, zrobię, jestem gotowy do rozpoczęcia, potrzebne jest bardziej szczegółowe badanie. Proszę o dostarczenie specyfikacji oraz kodu do zapoznania się. Proszę pisać na prywatne.
-
1009 2 0 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! :)
-
2046 25 0 Dzień dobry. Jestem gotowy do pracy. Mam duże doświadczenie w pracy z React, w szczególności w refaktoryzacji. Będę zadowolony ze współpracy.
-
1490 34 2 2 ✅ Dzień dobry, nazywam się Pawło,
✅ Doświadczenie zawodowe — 8 lat,
✅ Mam profil na UpWork,
✅ Bardzo zainteresował mnie wasz projekt. Aby szczegółowo omówić wszystkie niuanse — skontaktuj się ze mną,
✅ Termin zawsze biorę z zapasem,
✅ Wykonam wszystko w terminie i zgodnie z waszymi życzeniami,
✅ Pracowałem w WayPoint (SEO Junior) — 6 miesięcy,
✅ Pracowałem w MagicTraffic (SEO Junior) — 6 miesięcy,
✅ Pracowałem w firmie Transparen (Kanada),
… ✅ https://transparen.com/
✅ Programista ReactJS,
✅ Programista React Native (iOS),
✅ Również rozwój stron internetowych pod klucz: DLE, WordPress, Joomla, Bitrix24, WooCommerce,
✅ Dobrze rozumiem logikę, strukturę i architekturę projektów,
✅ Szybko rozumiem cudzy kod i cudze projekty,
✅ Stale się uczę i aktualizuję wiedzę zgodnie z aktualnymi trendami,
✅ Wiem, jak działają większość technologii „pod maską”, nawet jeśli czasami nie pamiętam dokładnej składni — szybko nadrabiam,
✅ Mogę doradzać w zakresie UX/UI, biorąc pod uwagę doświadczenie w aplikacjach mobilnych,
✅ Potrafię pracować z API, Firebase, integracją systemów płatności,
✅ Nigdy nie „porzucam” projektów i pozostaję w kontakcie po zakończeniu,
✅ Pracuję samodzielnie, bez potrzeby stałej kontroli,
✅ Otwarty na feedback i korekty na każdym etapie,
✅ Pracuję zarówno z zadaniami o stałej stawce, jak i z wynagrodzeniem godzinowym.
-
277 1 1 Witam! Jestem gotowa wykonać ten projekt, szybko, jakościowo i gotowa wspierać go przez cały czas!
-
1263 2 1 Cześć!
Z zainteresowaniem gotów dołączyć do projektu.
Zadanie jest jasne, trzeba starannie dopracować istniejący frontend, zachowując obecną logikę i strukturę, ale czyniąc interfejs nowocześniejszym i bardziej wygodnym.
Cały proces będę prowadził przejrzyście: commity do każdej zadania, pull request z opisem zmian, feedback na Telegramie.
Jestem gotów do pełnoprawnej pracy na starcie i do dalszego wsparcia projektu.
Będę zadowolony, aby omówić szczegóły!
-
358 1 0 Dzień dobry!
Jestem gotowy pomóc w dopracowaniu frontendu waszego projektu React/TypeScript. Zadania są zrozumiałe: staranny refaktoryzacja auth-flow z naciskiem na logowanie, poprawa wyświetlania filtra podczas przewijania, mobilny błąd z tooltipem, a także usunięcie powtarzania animacji przy powrocie w przeglądarce.
-
4006 7 1 Cześć! Zapoznałem się z TŻ. Zrobię szybko i jakościowo.
Podejdę starannie, bez przepisywania projektu. Najpierw szybko sprawdzę, jak teraz są zbudowane auth, menu, filtry i animacje, aby wprowadzać punktowe poprawki bez regresji.
Dalej etapami:
Przeniosę akcent auth-flow na wejście: Zaloguj się stanie się główną akcją, login będzie pierwszym ekranem, rejestracja pozostanie dostępna jako drugi scenariusz.
Poprawię blok wyszukiwania/filtrów przy przewijaniu, aby wyglądał dobrze zarówno na desktopie, jak i na urządzeniach mobilnych.
Usunę błąd mobilny z tooltipa, aby menu i zakładki działały od pierwszego dotknięcia.
… Usunę powtórne odtwarzanie animacji przy powrocie w mobilnej przeglądarce, ale same animacje pozostaną.
Będę pracować z minimalnymi zmianami, aby nie złamać ręcznej nawigacji, parametrów zapytania, inteligentnych linków i aktualnego auth-flow. Po wykonaniu będzie można oddać osobnymi commitami dla każdego bloku zmian i dodać krótkie zrzuty ekranu/wideo z wynikiem.
-
336 Cześć!
Jestem bardzo zainteresowany twoim projektem i gotów pomóc.
O mnie: Mam ponad 4 lata doświadczenia w rozwoju Backend/Node.js, Front-End z Vue.js/Nuxt.js oraz React.js/Next.js, wyłącznie w dużych projektach komercyjnych. Pracowałem w dużych zespołach, a także mam doświadczenie w samodzielnym tworzeniu oprogramowania.
Mój GitHub: https://github.com/virus231
LinkedIn: https://www.linkedin.com/in/vladyslav-prodan-4865891a0/
Nie wahaj się ze mną skontaktować!
-
11586 44 0 Witam, mam odpowiednie doświadczenie jako Fullstack deweloper. Piszcie na prywatne, ustalimy cenę za każde zadanie. Będę szczęśliwy, mogąc Państwu pomóc!
-
242 Cześć! Zapoznałem się z zadaniem technicznym. Stos technologiczny jest mi bardzo bliski. Mam doświadczenie w optymalizacji interfejsów mobile-first oraz skomplikowanych animacji.
Jestem gotów do pracy i proponuję omówić realizację na czacie!
-
344 Cześć, Mykyta!
React 19 + TypeScript + Tailwind + Framer Motion — to nasz codzienny stos technologiczny. W naszej produkcji działają produkty SaaS właśnie na tym.
W odniesieniu do twoich 4 zadań:
1. Auth-flow — nacisk na logowanie:
Zrobię login jako domyślny ekran w modal, CTA „Zaloguj się” jako główny, „Rejestracja” — jako link pomocniczy na dole. Resztę auth-flow nie ruszam.
… 2. Pływający filtr przy przewijaniu:
Zrobię sticky header z backdrop-blur + cień przy przewijaniu, lub auto-hide z przyciskiem powrotu. Sprawdzę na desktopie i mobile. Wybór podejścia — po przeglądzie aktualnego kodu.
3. Mobilny tap — tooltip zamiast akcji:
Klasyczny problem hover na urządzeniach dotykowych. Naprawa przez CSS media query (hover: hover) dla tooltip tylko na desktopie, na mobile — od razu akcja po pierwszym tapie.
4. Powtórna animacja przy powrocie w przeglądarce:
Dodam sprawdzenie typu nawigacji lub zdarzenia pageshow — jeśli nawigacja wstecz, pomijamy animację reveal. Framer Motion initial={false} przy powrocie.
Ręczne routowanie (pushState/popstate), parametry zapytań filtrów, inteligentne linki — nie ruszam. Minimalne punktowe zmiany, PR z osobnym commitem dla każdego zadania + zrzuty ekranu.
Termin: 2 dni.
Gotowy pracować przez grupę, jak wskazano w opisie.
-
390 Dzień dobry! 👋
Mam doświadczenie w pracy z projektami React + TypeScript, w tym w poprawianiu błędów UI/UX w już istniejących produktach bez przepisywania architektury. Pracowałem z Tailwind, React Query, Framer Motion oraz PWA, więc dobrze rozumiem Twój stos technologiczny i opisane problemy.
Jak podejdę do zadania
Analiza kodu App.tsx i nawigacji
rozwiążę aktualny routing history.pushState / popstate
…
sprawdzę auth-flow i punkty wejścia do modala
Auth-flow (nacisk na logowanie)
zmienię główny CTA na “Zaloguj się”
pierwszym ekranem modala auth będzie logowanie
rejestracja pozostanie jako drugi flow
sprawdzę zgodność z Google OAuth, zapomniane hasło oraz weryfikację e-mail
Filtr podczas przewijania
zrealizuję stabilne zachowanie (sticky / floating lub auto-hide)
sprawdzę wyświetlanie na desktopie i urządzeniach mobilnych
zachowam synchronizację z parametrami zapytania
Błąd dotyku na urządzeniach mobilnych (tooltip)
naprawię logikę interakcji, aby pierwszy dotyk od razu wykonywał akcję
tooltip pozostanie dla desktopowego hover/focus
Powtórzenie animacji przy powrocie w przeglądarce
skoryguję zachowanie Framer Motion
użyję stanu przywracania strony lub kontroli mount/animation trigger
animacje pozostaną, ale bez powtarzania przy powrocie
Zasady pracy
bez przepisywania projektu od zera
minimalny punktowy refaktoryzacja
nie łamię:
ręcznego routingu
parametrów zapytania filtrów
auth-flow
inteligentnych linków
praca przez grupę Telegram z zadaniami
Wynik
Pull Request z osobnymi commitami pod każdy fix
screeny / GIF / krótkie wideo desktop + mobile
czyste zmiany bez regresji w logice
Jestem gotowy przejrzeć repozytorium i szybko rozpocząć pracę.
-
12912 67 0 Witam! Wykonam Twoje zadanie szybko i jakościowo.
Moje portfolio: https://freelancehunt.com/ua/freelancer/romas6ka.html#portfolio
Pisz, zacznę pracować dzisiaj. Będę zadowolony ze współpracy z Tobą!
Aktualne zlecenia dla freelancerów w kategorii Javascript & Typescript
Potrzebny programista frontend / deweloper do jednorazowej poprawy strony na Magento 2
1072 PLN
Strona do oceny: https://copy.eurobrands-shop.de/ Zadanie: naprawić błędy frontendowe na poziomie motywu Magento 2 / motyw Amasty: CSS/LESS/JS, mobilny, RTL, minicart, rozwijane menu językowe, przesunięcie układu/CLS. Format pracy: - bez lokalnego uruchamiania Magento; -… Układ HTML i CSS, Javascript & Typescript ∙ 1 dzień temu ∙ 35 ofert |
Optymalizacja Core Web Vitals (OpenCart) pod Google PageSpeed — Wersje mobilna i PCOpis zamówienia: Poszukujemy doświadczonego frontend-dewelopera/specjalisty od OpenCart do optymalizacji szybkości ładowania strony (kategorie i karty produktów) zgodnie z wymaganiami Google Core Web Vitals. O projekcie: * CMS: OpenCart. * Specyfika: Strona działa w trybie… Content Management Systems, Javascript & Typescript ∙ 4 dni 23 godziny temu ∙ 23 oferty |
Optymalizacja prędkości strony WordPress
429 PLN
Pełne szczegóły prześlemy w wiadomościach prywatnych Cel Maksymalne przyspieszenie ładowania strony, szczególnie na urządzeniach mobilnych. KPI (obowiązkowe) Po zakończeniu prac należy osiągnąć następujące wskaźniki. Mobile Performance 90+ LCP mniej niż 2.2 sek INP mniej niż… Układ HTML i CSS, Javascript & Typescript ∙ 5 dni 19 godzin temu ∙ 69 ofert |
Szukamy programisty Odoo — samodzielnego dewelopera z doświadczeniem w programowaniu na Odoo 19 Community EditionTo jest roboczy, czysto zaprojektowany projekt na Odoo 19 Community — CRM dla ukraińskiego hotelu, już w infrastrukturze produkcyjnej. Nie planujemy przepisywać od zera. Szukamy jednej osoby, która przejmie projekt, zachowa działające i poprowadzi go dalej: najpierw CRM → potem… Javascript & Typescript, Programowanie stron internetowych ∙ 7 dni 20 godzin temu ∙ 4 oferty |
Szukam doświadczonego programisty Full Stack do stworzenia usługi SaaS dla sklepów internetowych.Pomysł usługi: Klient przesyła link do swojego pliku produktowego (XML lub CSV). Usługa automatycznie pobiera produkty, pobiera ich zdjęcia i tworzy nowe reklamy na podstawie gotowych szablonów: cena, zniżka, logo, banery promocyjne itp. Usługa powinna również zawierać prosty… Javascript & Typescript, Programowanie stron internetowych ∙ 9 dni 2 godziny temu ∙ 88 ofert |