Справочник на 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-группу с тасками, видео и скринами.
Буду рад сотрудничеству! :)
-
2023 24 0 Добрый день. Готов приступить к работе. Есть большой опыт работы с React, в частности в рефакторинге. Буду рад сотрудничеству.
-
4509 6 0 Сделаю фиксы. React/TypeScript, баги в UI/UX - мой стандартный стек. Скиньте список конкретных багов с приоритетами, оценю каждый отдельно. Репозиторий на GitHub? Нужен доступ, чтобы посмотреть код и понять масштаб.
-
1547 34 2 2 ✅ Добрый день, меня зовут Павел,
✅ Опыт работы — 8 лет,
✅ Есть профиль на UpWork,
✅ Очень заинтересовал ваш проект. Для подробного обсуждения всех нюансов — свяжитесь со мной,
✅ Сроки всегда беру с запасом,
✅ Выполню все в срок и по вашим пожеланиям,
✅ Работал в WayPoint (SEO Junior) — 6 месяцев,
✅ Работал в MagicTraffic (SEO Junior) — 6 месяцев,
✅ Работал в компании Transparen (Канада),
… ✅ https://transparen.com/
✅ ReactJS Developer,
✅ React Native (iOS) Developer,
✅ Также разработка сайтов под ключ: DLE, WordPress, Joomla, Bitrix24, WooCommerce,
✅ Хорошо понимаю логику, структуру и архитектуру проектов,
✅ Быстро разбираюсь в чужом коде и чужих проектах,
✅ Постоянно обучаюсь и обновляю знания в соответствии с актуальными трендами,
✅ Знаю, как работают большинство технологий «под капотом», даже если иногда не помню точный синтаксис — быстро наверстываю,
✅ Могу консультировать по UX/UI, с учетом опыта в мобильных приложениях,
✅ Умею работать с API, Firebase, интеграцией платежных систем,
✅ Никогда не «бросаю» проекты и остаюсь на связи после завершения,
✅ Работаю самостоятельно, без необходимости в постоянном контроле,
✅ Открыт к обратной связи и коррекциям на любом этапе,
✅ Работаю как с фиксированными задачами, так и с почасовой оплатой.
-
253 1 1 Здравствуйте! Готова выполнить этот проект быстро, качественно и готова поддерживать его в течение всего времени!
-
1263 2 1 Здравствуйте!
С интересом готов подключиться к проекту.
Задача понятна нужно аккуратно доработать существующий фронтенд, сохранив текущую логику и структуру, но сделав интерфейс современнее и удобнее.
Весь процесс буду вести прозрачно: коммиты по каждой задаче, пул-реквест с описанием изменений, обратная связь в Telegram
Готов к полноценной работе на старте и к дальнейшей поддержке проекта.
Буду рад обсудить детали!
-
358 1 0 Добрый день!
Готов помочь с доработкой фронтенда вашего React/TypeScript проекта. Задачи понятны: аккуратный рефакторинг auth-flow с акцентом на вход, исправление отображения фильтра при скролле, мобильный баг с tooltip, а также устранение повторного проигрывания анимаций при возврате в браузере.
-
3996 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 в модальном окне, CTA «Войти» primary, «Регистрация» — secondary link внизу. Остальное auth-флоу не трогаю.
… 2. Плавающий фильтр при скролле:
Сделаю sticky header с backdrop-blur + shadow при скролле, или auto-hide с кнопкой возврата. Проверю на desktop и mobile. Выбор подхода — после просмотра текущего кода.
3. Mobile тап — tooltip вместо действия:
Классическая проблема hover на touch-устройствах. Фикс через CSS media query (hover: hover) для tooltip только на desktop, на mobile — сразу действие по первому тапу.
4. Повторная анимация при возврате в браузере:
Добавлю проверку типа навигации или события pageshow — если 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
умные ссылки
работа через Telegram-группу с тасками
Результат
Pull Request с отдельными коммитами под каждый фикс
скрины / GIF / короткое видео desktop + mobile
чистые изменения без регрессий в логике
Готов просмотреть репозиторий и быстро начать работу.
-
9897 67 0 Здравствуйте! Выполню вашу задачу быстро и качественно.
Мое портфолио: https://freelancehunt.com/ua/freelancer/romas6ka.html#portfolio
Пишите, начну сегодня работать. Буду рад сотрудничеству с Вами!
Актуальные фриланс-проекты в категории Javascript и Typescript
Интернет-магазин одеждыНужен разработчик для интернет-магазина одежды Ищу опытного разработчика для создания полноценного интернет-магазина одежды с дроп-моделью продаж. Что нужно сделать: 6 страниц: главная, товар, корзина, оформление, аккаунт, админ панель Вход через Google аккаунт Корзина и… HTML и CSS верстка, Javascript и Typescript ∙ 4 часа 52 минуты назад ∙ 53 ставки |
Full-stack разработка — Amazon PPC Dashboard (Stage 1)Нужен full-stack разработчик с опытом работы с Amazon API для реализации Stage 1 внутреннего PPC-дашборда. Проект реальный, данные живые, всё готово к старту. Прототип фронтенда (5 страниц, React + TypeScript): ЧТО УЖЕ ГОТОВО — Фронтенд-прототип на React 18 + TypeScript + Vite… Javascript и Typescript, Веб-программирование ∙ 2 дня 15 часов назад ∙ 28 ставок |
Разработка сайта-конструктора фотокниг и фоторамокЦель проекта Необходимо разработать современный веб-сайт для заказа фотокниг, фоторамок и другой персонализированной фотопродукции. Главная задача проекта — предоставить клиенту возможность самостоятельно создать готовый макет изделия непосредственно на сайте без участия… Javascript и Typescript, Веб-программирование ∙ 4 дня 7 часов назад ∙ 96 ставок |
Команда для самописного маркетплейса ритуальных услуг.Ищем команду для запуска и развития самописного национального маркетплейса ритуальных услуг. Сразу: не ищем одиночек, джунов и “сборщиков сайтов”. Нужна сильная продуктовая команда уровня middle+/senior с реальными кейсами маркетплейсов/сложных SaaS. Просьба не откликаться,… Javascript и Typescript, Веб-программирование ∙ 5 дней 2 часа назад ∙ 27 ставок |
Доработка существующего Next.js/Supabase проекта: офферы, CRM, аналитика, AI-чатЕсть действующий проект WatchGenius — платформа аналитики люксовых часов с каталогом моделей, ценовой аналитикой, внешними офферами, формами заявок и AI-чатом. Проект уже разработан частично. Нужен не сайт с нуля, а опытный full-stack разработчик, который сможет разобраться в… Javascript и Typescript, Веб-программирование ∙ 7 дней 3 часа назад ∙ 55 ставок |