Довідник на 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/TypeScript, баги в UI/UX - мій стандартний стек. Скиньте список конкретних багів з пріоритетами, оціню кожен окремо. Репо на GitHub? Потрібен доступ щоб подивитись код і зрозуміти масштаб.
-
Вітаю, є досвід розробки на React, звертайтесь
___________________________________________________
-
285 2 0 Вітаю! З ТЗ ознайомився, готовий приступити прямо зараз.
__________
-
330 Вітаю, зроблю, готовий приступити, потрібно більш детальне вивчення. Надайте, будь ласка, ТЗ та код для ознайомлення.
Пишіть у приватні.
-
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-групу з тасками, відео та скрінами.
Буду радий співпраці! :)
-
2046 25 0 Добрий день. Готовий приступити до роботи. Є великий досвід роботи з React, зокрема в рефакторінг. Буду радий співпраці.
-
1490 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.
-
4006 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/
Не соромтеся зв'язатися зі мною!
-
11586 44 0 Вітаю, маю відповідний досвід, як Fullstack розробник
Пишіть в особисті погодимо ціну за кожну задачу
Буду радий Вам допомогти!
-
242 Вітаю! Ознайомився з техзавданням. Стек мені дуже близький. Маю досвід оптимізації mobile-first інтерфейсів та складних анімацій.
Готовий приступити до роботи і пропоную обсудити реалізацію в чаті!
-
344 Вітаю, Микита!
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 дні.
Готовий працювати через групу як зазначено в описі.
-
390 Доброго дня! 👋
Маю досвід роботи з 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
чисті зміни без регресій у логіці
Готовий переглянути репозиторій і швидко почати роботу.
-
12912 67 0 Вітаю! Виконаю ваше завдання швидко і якісно.
Моє портфоліо: https://freelancehunt.com/ua/freelancer/romas6ka.html#portfolio
Пишіть, почну сьогодні працювати. Буду радий співпраці з Вами!
Актуальні фриланс-проєкти в категорії Javascript та Typescript
Потрібен frontend-розробник / верстальник для разової доопрацювання сайту на Magento 2
12 792 UAH
Сайт для оцінки: https://copy.eurobrands-shop.de/ Завдання: виправити frontend-баги на рівні теми Magento 2 / Amasty theme: CSS/LESS/JS, mobile, RTL, minicart, language dropdown, layout shift/CLS. Формат роботи: - без локального розгортання Magento; - робота через DevTools +… HTML та CSS верстання, Javascript та Typescript ∙ 21 година 7 хвилин тому ∙ 34 ставки |
Оптимізація Core Web Vitals (OpenCart) під Google PageSpeed — Мобільна та ПК версіїОпис замовлення: Шукаємо досвідченого frontend-розробника/фахівця з OpenCart для оптимізації швидкості завантаження сайту (категорії та картки товарів) під вимоги Google Core Web Vitals. Про проект: * CMS: OpenCart. * Специфіка: Сайт працює в режимі каталогу (кошика та… CMS, Javascript та Typescript ∙ 4 дні 20 годин тому ∙ 23 ставки |
Оптимізація швидкості сайту WordPress
5117 UAH
повні деталі надішлемо в особисті повідомлення Мета Максимально прискорити завантаження сайту, особливо на мобільних пристроях. KPI (обов'язково) Після завершення робіт необхідно досягти наступних показників. Mobile Performance 90+ LCP менше 2.2 сек INP менше 200 мс CLS менше… HTML та CSS верстання, Javascript та Typescript ∙ 5 днів 16 годин тому ∙ 69 ставок |
Шукаємо Odoo Developer — соло-розробника з досвідом розробки на Odoo 19 Community EditionЄ робочий, чисто спроектований проєкт на Odoo 19 Community — CRM для українського готелю, уже в production-grade інфраструктурі. Переписувати з нуля не плануємо. Шукаємо одну людину, яка підхопить проєкт, збереже працююче і поведе його далі: спершу CRM → потім HMS → бухгалтерія.… Javascript та Typescript, Веб-програмування ∙ 7 днів 17 годин тому ∙ 4 ставки |
Шукаю досвідченого Full Stack розробника для створення SaaS-сервісу для інтернет-магазинів.Ідея сервісу: Клієнт завантажує посилання на свій товарний фід (XML або CSV). Сервіс автоматично отримує товари, бере їхні фотографії та створює нові рекламні зображення за готовими шаблонами: ціна, знижка, логотип, акційні плашки тощо. Також у сервісі має бути простий редактор… Javascript та Typescript, Веб-програмування ∙ 8 днів 23 години тому ∙ 88 ставок |