Довідник на React + Django
Потрібно допиляти фронтенд існуючого React/TypeScript проєкту. Не розробка з нуля, а акуратне закриття кількох UI/UX багів у вже робочому продукті.
Проєкт:
D&D-довідник з пошуком, секціями, деталками, глосарієм правил, авторизацією, профілями, коментарями, фільтрами та мобільним меню.
Стек:
- React 19
- TypeScript
- Vite 7
- Tailwind CSS 4
- Framer Motion
- TanStack React Query
- react-hook-form
- zod
- Google OAuth
- PWA
- SSR/prerender
Важливий контекст по коду:
- основна логіка фронтенду сильно зібрана в одному великому App.tsx
- навігація не класичний react-router flow, а ручна через history.pushState / popstate
- фільтри вже працюють і синхронізуються з query params
- auth-flow уже реалізований: login, register, verify email, forgot password, Google login
- є внутрішні smart-лінки по термінах і секціях
- є анімації через Framer Motion
Потрібно закрити такі задачі:
1. Перебудувати auth-flow з акцентом на вхід
Проблема:
Зараз у UI місцями акцент на “вхід / реєстрація”. Потрібно зробити акцент саме на вході.
Що потрібно:
- основна CTA має бути “Увійти”
- перший екран auth modal має бути login
- із login screen має бути нормальний перехід на register
- реєстрація лишається доступною, але як secondary-path
- не ламати forgot password, verify email, Google login
Результат:
Флоу виглядає сучасніше і логічніше: головна дія — вхід, але новий користувач все одно легко доходить до реєстрації.
2. Виправити відображення фільтра при скролі на desktop і mobile
Проблема:
Під час скролу верхній блок пошуку/фільтра виглядає погано або майже не читається.
Що потрібно:
- або зробити floating filter/search block нормально видимим при скролі
- або логічно ховати його при скролі
- рішення має однаково адекватно працювати на desktop і mobile
Результат:
Фільтр не “висить у повітрі”, не губиться в інтерфейсі і не виглядає поламаним.
3. Виправити mobile-баг: перший тап по пункту меню/табу показує підказку, а не виконує дію
Проблема:
На мобілці перший тап по tab/menu item викликає tooltip/підказку, а перехід спрацьовує лише з другого тапу.
Що потрібно:
- перший тап має одразу виконувати дію
- tooltip не повинен блокувати основну взаємодію на mobile
- desktop hover/focus tooltip потрібно зберегти, якщо це можливо без регресій
Результат:
На mobile навігація працює з першого тапу.
4. Прибрати повторне програвання анімації при поверненні назад у mobile browser
Проблема:
На мобілці при browser back повторно програється наша reveal/scroll animation.
Що потрібно:
- не прибирати анімації повністю
- прибрати саме повторне програвання в сценарії повернення назад у браузері
- зберегти нормальну анімацію у звичайному сценарії переходу
Результат:
При browser back сторінка відновлюється без дубльованої анімації.
Що важливо:
- не переписувати проєкт з нуля
- не ламати ручний роутинг
- не ламати query params фільтрів
- не ламати auth-flow
- не ламати внутрішню навігацію по smart links
- бажано мінімальний, акуратний рефакторинг тільки там, де він реально потрібен
Що буде плюсом:
- досвід із Framer Motion
- досвід із mobile browser
Що очікую від виконавця:
-Використовувати телеграм групою де є таски та відео/скріни
- коротко описати, як будете підходити до задач
- після виконання пул реквестнути з комітами до кожної зміни
- бажано скріни/коротке відео/GIF із фіксами desktop/mobile
- не просто “пофіксити візуально”, а не зламати поточну логіку
-
Вітаю, є досвід розробки на React, звертайтесь
___________________________________________________
-
285 2 0 Вітаю! З ТЗ ознайомився, готовий приступити прямо зараз.
__________
-
355 Вітаю, зроблю, готовий приступити, потрібно більш детальне вивчення. Надайте, будь ласка, ТЗ та код для ознайомлення.
Пишіть у приватні.
-
1009 2 0 Доброго дня!
Ознайомився з описом задачі. Маю досвід роботи з React + TypeScript, Tailwind та Framer Motion, а також з виправленням UI/UX проблем у вже існуючих проєктах без переписування архітектури.
Як буду підходити до задач:
1. Auth-flow
Акуратно перебудую логіку auth modal так, щоб основний CTA був “Увійти”. Login стане першим екраном, а перехід до реєстрації буде secondary-path. При цьому перевірю, щоб не зламались verify email, forgot password та Google OAuth.
… 2. Filter/Search block при скролі
Проаналізую поточну реалізацію sticky/floating блоку. Реалізую стабільну поведінку через CSS + невелику JS-логіку (IntersectionObserver або scroll state), щоб фільтр коректно поводився і на desktop, і на mobile.
3. Mobile tap bug (tooltip → другий тап)
Перевірю обробники pointer/touch/hover. Зроблю так, щоб tooltip не блокував interaction на mobile: перший tap виконуватиме дію, а tooltip працюватиме тільки для hover/focus на desktop.
4. Повторне програвання анімації при browser back
Перевірю lifecycle Framer Motion та popstate сценарій. Додам контроль стану навігації (history / session state), щоб при browser back сторінка відновлювалась без повторного reveal animation, але анімації збереглись у звичайній навігації.
Після виконання:
• зроблю pull request з окремими комітами під кожну задачу
• додам скріни або коротке відео desktop/mobile з фіксами
• перевірю, щоб не зламались ручний роутинг, query params фільтрів, auth-flow та smart links
Готовий працювати через Telegram-групу з тасками, відео та скрінами.
Буду радий співпраці! :)
-
2050 25 0 Добрий день. Готовий приступити до роботи. Є великий досвід роботи з React, зокрема в рефакторінг. Буду радий співпраці.
-
4508 6 0 Зроблю фікси. React/TypeScript, баги в UI/UX - мій стандартний стек. Скиньте список конкретних багів з пріоритетами, оціню кожен окремо. Репо на GitHub? Потрібен доступ щоб подивитись код і зрозуміти масштаб.
-
1542 34 2 2 ✅ Добрий день, мене звати Павло,
✅ Досвід роботи — 8 років,
✅ Є профіль на UpWork,
✅ Дуже зацікавив ваш проєкт. Для докладного обговорення всіх нюансів — зв'яжіться зі мною,
✅ Термін завжди беру з запасом,
✅ Виконаю все в строк і за вашими побажаннями,
✅ Працював у WayPoint (SEO Junior) — 6 місяців,
✅ Працював у MagicTraffic (SEO Junior) — 6 місяців,
✅ Працював у компанії Transparen (Canada),
… ✅ https://transparen.com/
✅ ReactJS Developer,
✅ React Native (iOS) Developer,
✅ Також розробка сайтів під ключ: DLE, WordPress, Joomla, Bitrix24, WooCommerce,
✅ Добре розумію логіку, структуру і архітектуру проєктів,
✅ Швидко розбираюсь у чужому коді та чужих проектах,
✅ Постійно навчаюся та оновлюю знання відповідно до актуальних трендів,
✅ Знаю, як працює більшість технологій «під капотом», навіть якщо іноді не памʼятаю точний синтаксис — швидко надолужую,
✅ Можу консультувати щодо UX/UI, з урахуванням досвіду в мобільних додатках,
✅ Вмію працювати з API, Firebase, інтеграцією платіжних систем,
✅ Ніколи не «кидаю» проєкти та залишаюсь на зв'язку після завершення,
✅ Працюю самостійно, без потреби в постійному контролі,
✅ Відкритий до зворотного звʼязку та корекцій на будь-якому етапі,
✅ Працюю як із фіксованими задачами, так і з погодинною оплатою.
-
277 1 1 Вітаю! Готова виконати цей проект, швидко, якісно і готова підтримувати йогоіесь час!
-
1263 2 1 Доброго дня!
З цікавістю готовий підключитися до проекту.
Завдання зрозуміле, потрібно акуратно доопрацювати існуючий фронтенд, зберігши поточну логіку та структуру, але зробивши інтерфейс сучаснішим і зручнішим.
Весь процес буду вести прозоро: коміти по кожному завданню, пул-реквест з описом змін, зворотний зв'язок у Telegram.
Готовий до повноцінної роботи на старті та до подальшої підтримки проекту.
Буду радий обговорити деталі!
-
358 1 0 Доброго дня!
Готовий допомогти з доопрацюванням фронтенду вашого React/TypeScript проєкту. Завдання зрозумілі: акуратний рефакторинг auth‑flow з акцентом на вхід, виправлення відображення фільтра при скролі, мобільний баг із tooltip, а також усунення повторного програвання анімацій при browser back.
-
3999 7 1 Вітаю! Ознайомився з ТЗ. Зроблю швидко та якісно.
Підійду акуратно, без переписування проєкту. Спочатку швидко подивлюся, як зараз зібрані auth, меню, фільтри і анімації, щоб вносити точкові правки без регресій.
Далі поетапно:
Перенесу акцент auth-flow на вхід: Увійти стане головною дією, login буде першим екраном, реєстрація залишиться доступною як другий сценарій.
Поправлю блок пошуку/фільтрів при скролі, щоб він нормально виглядав і на desktop, і на mobile.
Приберу mobile-баг із tooltip, щоб меню і таби спрацьовували з першого тапу.
… Приберу повторне програвання анімації при поверненні назад у мобільному браузері, але самі анімації залишаться.
Робити буду з мінімальними змінами, щоб не зламати ручну навігацію, query params, smart links і поточний auth-flow. Після виконання можна буде віддати окремими комітами по кожному блоку змін і додати короткі скріни/відео з результатом.
-
336 Привіт!
Я дуже зацікавлений у вашому проекті і готовий допомогти.
Про мене: У мене більше 4 років досвіду в розробці Backend/Node.js, Front-End з Vue.js/Nuxt.js та React.js/Next.js, виключно на великих комерційних проектах. Я працював у великих командах, а також маю досвід самостійної розробки програмного забезпечення.
Мій GitHub: https://github.com/virus231
LinkedIn: https://www.linkedin.com/in/vladyslav-prodan-4865891a0/
Не соромтеся зв'язатися зі мною!
-
11616 44 0 Вітаю, маю відповідний досвід, як Fullstack розробник
Пишіть в особисті погодимо ціну за кожну задачу
Буду радий Вам допомогти!
-
218 Вітаю! Ознайомився з техзавданням. Стек мені дуже близький. Маю досвід оптимізації mobile-first інтерфейсів та складних анімацій.
Готовий приступити до роботи і пропоную обсудити реалізацію в чаті!
-
368 Вітаю, Микита!
React 19 + TypeScript + Tailwind + Framer Motion — це наш щоденний стек. У нас в продакшені працюють SaaS-продукти саме на цьому.
По ваших 4 задачах:
1. Auth-flow — акцент на вхід:
Зроблю login як default screen у modal, CTA «Увійти» primary, «Реєстрація» — secondary link внизу. Решту auth-флоу не чіпаю.
… 2. Floating фільтр при скролі:
Зроблю sticky header з backdrop-blur + shadow при скролі, або auto-hide з кнопкою повернення. Перевірю на desktop і mobile. Вибір підходу — після перегляду поточного коду.
3. Mobile тап — tooltip замість дії:
Класична проблема hover на touch-пристроях. Фікс через CSS media query (hover: hover) для tooltip тільки на desktop, на mobile — одразу дія по першому тапу.
4. Повторна анімація при browser back:
Додам перевірку navigation type або pageshow event — якщо back navigation, пропускаємо reveal-анімацію. Framer Motion initial={false} при поверненні.
Ручний роутинг (pushState/popstate), query params фільтрів, smart links — не чіпаю. Мінімальні точкові зміни, PR з окремим комітом на кожну задачу + скріни.
Термін: 2 дні.
Готовий працювати через групу як зазначено в описі.
-
414 Доброго дня! 👋
Маю досвід роботи з React + TypeScript проєктами, включно з виправленням UI/UX багів у вже існуючих продуктах без переписування архітектури. Працював із Tailwind, React Query, Framer Motion та PWA, тому добре розумію ваш стек і описані проблеми.
Як підходитиму до задачі
Аналіз коду App.tsx і навігації
розберуся з поточним history.pushState / popstate роутингом
…
перевірю auth-flow і точки входу в модалку
Auth-flow (акцент на login)
зміню primary CTA на “Увійти”
першим екраном auth modal буде login
register залишиться як secondary flow
перевірю сумісність з Google OAuth, forgot password та verify email
Фільтр під час скролу
реалізую стабільну поведінку (sticky / floating або auto-hide)
перевірю відображення на desktop і mobile
збережу синхронізацію з query params
Mobile tap bug (tooltip)
виправлю логіку взаємодії, щоб перший тап одразу виконував дію
tooltip залишиться для desktop hover/focus
Повтор анімацій при browser back
скоригую поведінку Framer Motion
використаю стан відновлення сторінки або контроль mount/animation trigger
анімації залишаться, але без повторного програвання при back
Принципи роботи
без переписування проєкту з нуля
мінімальний точковий рефакторинг
не ламаю:
ручний роутинг
query params фільтрів
auth-flow
smart links
робота через Telegram-групу з тасками
Результат
Pull Request з окремими комітами під кожен фікс
скріни / GIF / коротке відео desktop + mobile
чисті зміни без регресій у логіці
Готовий переглянути репозиторій і швидко почати роботу.
-
9897 67 0 Вітаю! Виконаю ваше завдання швидко і якісно.
Моє портфоліо: https://freelancehunt.com/ua/freelancer/romas6ka.html#portfolio
Пишіть, почну сьогодні працювати. Буду радий співпраці з Вами!
Актуальні фриланс-проєкти в категорії Javascript та Typescript
Шукаю наставника з Claude Code для запуску веб-проєкту з нуля**Коротко про завдання:** Я новачок без досвіду в програмуванні. Є готове ТЗ на розробку сайту (42 сторінки, Next.js, PostgreSQL). Хочу реалізувати його самостійно за допомогою Claude Code - потрібен спеціаліст, який налаштує середовище і навчить мене працювати з інструментом.… Javascript та Typescript, Навчання ∙ 1 година 56 хвилин тому ∙ 9 ставок |
Оновлення дизайну на сайтіПотрібно оновити дизайн існуючого сайту, використовуючи HTML, CSS, JS: освіжити зовнішній вигляд, зробити його сучасним і адаптивним під мобільні пристрої. Потрібно додати плавні анімації та інтерактивні елементи. HTML та CSS верстання, Javascript та Typescript ∙ 19 годин 28 хвилин тому ∙ 72 ставки |
Консультація та аудит поточного проєкту на Odoo 19 Community EditionШукаємо Odoo Developer — соло-розробника з досвідом розробки на Odoo 19 Community Edition, у тому числі за допомогою Claude Code. Нам потрібен спеціаліст, який має успішно реалізовані проєкти в Odoo та практичний досвід розробки з використанням Claude Code. Важливо: розглядаємо… C та C++, Javascript та Typescript ∙ 1 день 1 година тому ∙ 5 ставок |
Інтернет-магазину одягуПотрібен розробник для інтернет-магазину одягу Шукаю досвідченого розробника для створення повноцінного інтернет-магазину одягу з дроп-моделлю продажу. Що потрібно зробити: 6 сторінок: головна, товар, кошик, оформлення, акаунт, адмін панель Вхід через Google акаунт Кошик і… HTML та CSS верстання, Javascript та Typescript ∙ 2 дні 22 години тому ∙ 98 ставок |
Розробка повного стеку — Панель управління Amazon PPC (Етап 1)Потрібен full-stack розробник з досвідом роботи з Amazon API для реалізації Stage 1 внутрішнього PPC-дашборда. Проект реальний, дані живі, все готово до старту. Прототип фронтенда (5 сторінок, React + TypeScript): ЩО ВЖЕ ГОТОВО — Фронтенд-прототип на React 18 + TypeScript +… Javascript та Typescript, Веб-програмування ∙ 5 днів 9 годин тому ∙ 32 ставки |