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
-
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.
-
355 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! :)
-
2023 24 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.
-
4508 6 0 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.
-
1547 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.
-
3999 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ć!
-
11616 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!
-
218 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!
-
368 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.
-
414 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ę.
-
9897 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
Sklep internetowy z odzieżąPotrzebny programista do sklepu internetowego z odzieżą Szukam doświadczonego programisty do stworzenia pełnoprawnego sklepu internetowego z odzieżą z modelem sprzedaży dropshipping. Co należy zrobić: 6 stron: strona główna, produkt, koszyk, zamówienie, konto, panel… Układ HTML i CSS, Javascript & Typescript ∙ 1 dzień 9 godzin temu ∙ 81 ofert |
Full-stack rozwój — Amazon PPC Dashboard (Etap 1)Potrzebny programista full-stack z doświadczeniem w pracy z Amazon API do realizacji Etapu 1 wewnętrznego dashboardu PPC. Projekt realny, dane żywe, wszystko gotowe do startu. Prototyp frontendu (5 stron, React + TypeScript): CO JUŻ GOTOWE — Prototyp frontendu na React 18 +… Javascript & Typescript, Programowanie stron internetowych ∙ 3 dni 20 godzin temu ∙ 30 ofert |
Opracowanie strony internetowej do tworzenia fotoksiążek i ram fotowychCel projektuNależy opracować nowoczesną stronę internetową do zamawiania fotoksiążek, ram fotowych i innych spersonalizowanych produktów fotograficznych.Głównym celem projektu jest umożliwienie klientowi samodzielnego stworzenia gotowego projektu produktu bez udziału projektanta… Javascript & Typescript, Programowanie stron internetowych ∙ 5 dni 12 godzin temu ∙ 98 ofert |
Zespół do samodzielnie stworzonej platformy rynkowej usług pogrzebowych.Poszukujemy zespołu do uruchomienia i rozwoju autorskiej krajowej platformy rynkowej usług pogrzebowych. Od razu: nie szukamy pojedynczych osób, juniorów ani "zbieraczy stron". Potrzebny jest silny zespół produktowy na poziomie middle+/senior z rzeczywistymi przypadkami… Javascript & Typescript, Programowanie stron internetowych ∙ 6 dni 6 godzin temu ∙ 27 ofert |
Dopracowanie istniejącego projektu Next.js/Supabase: oferty, CRM, analityka, czat AIIstnieje działający projekt WatchGenius — platforma analityczna luksusowych zegarków z katalogiem modeli, analizą cen, zewnętrznymi ofertami, formularzami zgłoszeniowymi i czatem AI. Projekt został już częściowo opracowany. Potrzebny jest doświadczony programista full-stack,… Javascript & Typescript, Programowanie stron internetowych ∙ 8 dni 8 godzin temu ∙ 55 ofert |