Guide on React + Django
The frontend of the existing React/TypeScript project needs to be polished. This is not a development from scratch, but a careful closure of several UI/UX bugs in an already working product.
Project:
D&D reference guide with search, sections, details, rules glossary, authorization, profiles, comments, filters, and mobile menu.
Stack:
- React 19
- TypeScript
- Vite 7
- Tailwind CSS 4
- Framer Motion
- TanStack React Query
- react-hook-form
- zod
- Google OAuth
- PWA
- SSR/prerender
Important context about the code:
- the main logic of the frontend is heavily concentrated in one large App.tsx
- navigation is not a classic react-router flow, but manual through history.pushState / popstate
- filters are already working and synchronized with query params
- auth-flow is already implemented: login, register, verify email, forgot password, Google login
- there are internal smart links for terms and sections
- there are animations through Framer Motion
Tasks to be completed:
1. Rebuild the auth-flow with an emphasis on login
Problem:
Currently, the UI places emphasis on “login / registration” in some areas. The focus needs to be specifically on login.
What is needed:
- the main CTA should be “Log In”
- the first screen of the auth modal should be login
- there should be a normal transition from the login screen to register
- registration remains accessible, but as a secondary path
- do not break forgot password, verify email, Google login
Result:
The flow looks more modern and logical: the main action is login, but a new user can still easily reach registration.
2. Fix the display of the filter when scrolling on desktop and mobile
Problem:
During scrolling, the top search/filter block looks bad or is almost unreadable.
What is needed:
- either make the floating filter/search block properly visible when scrolling
- or logically hide it when scrolling
- the solution should work equally well on desktop and mobile
Result:
The filter does not “hang in the air,” does not get lost in the interface, and does not look broken.
3. Fix the mobile bug: the first tap on a menu/tab item shows a tooltip instead of performing an action
Problem:
On mobile, the first tap on a tab/menu item triggers a tooltip, and the transition only occurs on the second tap.
What is needed:
- the first tap should immediately perform the action
- the tooltip should not block the main interaction on mobile
- desktop hover/focus tooltip should be preserved if possible without regressions
Result:
On mobile, navigation works from the first tap.
4. Remove the repeated animation playback when going back in the mobile browser
Problem:
On mobile, when using the browser back button, our reveal/scroll animation plays again.
What is needed:
- do not remove animations completely
- remove the repeated playback specifically in the back browser scenario
- preserve normal animation in the usual transition scenario
Result:
When using the browser back button, the page restores without duplicated animation.
What is important:
- do not rewrite the project from scratch
- do not break manual routing
- do not break query params of filters
- do not break auth-flow
- do not break internal navigation through smart links
- minimal, careful refactoring is desirable only where it is really needed
What will be a plus:
- experience with Framer Motion
- experience with mobile browsers
What I expect from the performer:
- Use the Telegram group where there are tasks and videos/screenshots
- briefly describe how you will approach the tasks
- after completion, create a pull request with commits for each change
- preferably screenshots/short video/GIF with fixes for desktop/mobile
- not just “visually fix,” but do not break the current logic
-
Hello, I have experience in development on React, feel free to contact me.
-
285 2 0 Hello! I have reviewed the project brief and am ready to start right now.
-
355 Hello, I will do it, I am ready to start, more detailed study is needed. Please provide the technical specifications and code for review. Write in private.
-
1009 2 0 Good day!
I have reviewed the task description. I have experience working with React + TypeScript, Tailwind, and Framer Motion, as well as fixing UI/UX issues in existing projects without rewriting the architecture.
Here’s how I will approach the tasks:
1. Auth-flow
I will carefully restructure the logic of the auth modal so that the main CTA is “Log In.” The login will be the first screen, and the transition to registration will be a secondary path. At the same time, I will check to ensure that verify email, forgot password, and Google OAuth do not break.
… 2. Filter/Search block while scrolling
I will analyze the current implementation of the sticky/floating block. I will implement stable behavior through CSS + a small JS logic (IntersectionObserver or scroll state) so that the filter behaves correctly on both desktop and mobile.
3. Mobile tap bug (tooltip → second tap)
I will check the pointer/touch/hover handlers. I will ensure that the tooltip does not block interaction on mobile: the first tap will perform the action, and the tooltip will work only for hover/focus on desktop.
4. Replay animation on browser back
I will check the lifecycle of Framer Motion and the popstate scenario. I will add navigation state control (history/session state) so that when going back in the browser, the page restores without replaying the reveal animation, but the animations are preserved in normal navigation.
After completion:
• I will make a pull request with separate commits for each task
• I will add screenshots or a short video of desktop/mobile with fixes
• I will check to ensure that manual routing, query params of filters, auth-flow, and smart links do not break
I am ready to work through a Telegram group with tasks, videos, and screenshots.
I look forward to collaborating! :)
-
2050 25 0 Good day. I am ready to start working. I have extensive experience with React, particularly in refactoring. I would be happy to collaborate.
-
4508 6 0 I will make fixes. React/TypeScript, bugs in UI/UX - my standard stack. Send a list of specific bugs with priorities, I will evaluate each one separately. Repo on GitHub? I need access to look at the code and understand the scope.
-
1542 34 2 2 ✅ Good day, my name is Pavlo,
✅ Work experience — 8 years,
✅ I have a profile on UpWork,
✅ I am very interested in your project. For detailed discussion of all nuances — please contact me,
✅ I always take deadlines with a buffer,
✅ I will complete everything on time and according to your wishes,
✅ Worked at WayPoint (SEO Junior) — 6 months,
✅ Worked at MagicTraffic (SEO Junior) — 6 months,
✅ Worked at the company Transparen (Canada),
… ✅ https://transparen.com/
✅ ReactJS Developer,
✅ React Native (iOS) Developer,
✅ Also, turnkey website development: DLE, WordPress, Joomla, Bitrix24, WooCommerce,
✅ I have a good understanding of the logic, structure, and architecture of projects,
✅ I quickly understand other people's code and projects,
✅ I constantly learn and update my knowledge according to current trends,
✅ I know how most technologies work "under the hood," even if I sometimes don't remember the exact syntax — I quickly catch up,
✅ I can consult on UX/UI, taking into account experience in mobile applications,
✅ I can work with APIs, Firebase, payment system integration,
✅ I never "abandon" projects and stay in touch after completion,
✅ I work independently, without the need for constant supervision,
✅ I am open to feedback and corrections at any stage,
✅ I work with both fixed tasks and hourly payment.
-
277 1 1 Hello! I am ready to complete this project quickly, efficiently, and I am ready to support it at any time!
-
1263 2 1 Hello!
I am interested in joining the project.
The task is clear: I need to carefully refine the existing frontend, preserving the current logic and structure, but making the interface more modern and user-friendly.
I will conduct the entire process transparently: commits for each task, a pull request with a description of changes, feedback in Telegram.
I am ready for full-time work from the start and for further support of the project.
I would be happy to discuss the details!
-
358 1 0 Good day!
I am ready to help with the refinement of the frontend of your React/TypeScript project. The tasks are clear: careful refactoring of the auth-flow with an emphasis on login, fixing the filter display when scrolling, a mobile bug with the tooltip, as well as eliminating the replaying of animations when using the browser back button.
-
3999 7 1 Hello! I have reviewed the technical specifications. I will do it quickly and efficiently.
I will approach it carefully, without rewriting the project. First, I will quickly look at how the auth, menu, filters, and animations are currently assembled, so I can make precise adjustments without regressions.
Next, step by step:
I will shift the focus of the auth-flow to the entry: "Log In" will become the main action, the login will be the first screen, and registration will remain available as the second scenario.
I will fix the search/filter block when scrolling, so it looks good on both desktop and mobile.
I will remove the mobile bug with the tooltip, so the menu and tabs respond to the first tap.
… I will eliminate the repeated playback of the animation when going back in the mobile browser, but the animations themselves will remain.
I will make the changes with minimal modifications to avoid breaking manual navigation, query parameters, smart links, and the current auth-flow. After completion, I can provide separate commits for each block of changes and add short screenshots/videos with the results.
-
336 Hello!
I am very interested in your project and ready to help.
About me: I have over 4 years of experience in Backend/Node.js development, Front-End with Vue.js/Nuxt.js and React.js/Next.js, exclusively on large commercial projects. I have worked in large teams and also have experience in independent software development.
My GitHub: https://github.com/virus231
LinkedIn: https://www.linkedin.com/in/vladyslav-prodan-4865891a0/
Feel free to contact me!
-
11616 44 0 Hello, I have relevant experience as a Fullstack developer.
Write to me privately, we will agree on the price for each task.
I will be happy to help you!
-
218 Hello! I have reviewed the technical task. The stack is very familiar to me. I have experience in optimizing mobile-first interfaces and complex animations.
I am ready to start working and I suggest we discuss the implementation in the chat!
-
368 Hello, Mykyta!
React 19 + TypeScript + Tailwind + Framer Motion is our daily stack. Our SaaS products in production are built on this.
Regarding your 4 tasks:
1. Auth-flow — focus on login:
I will make the login the default screen in the modal, with "Log In" as the primary CTA and "Registration" as a secondary link at the bottom. I will not touch the rest of the auth flow.
… 2. Floating filter on scroll:
I will create a sticky header with backdrop-blur + shadow on scroll, or auto-hide with a return button. I will check it on desktop and mobile. The choice of approach will be made after reviewing the current code.
3. Mobile tap — tooltip instead of action:
The classic hover problem on touch devices. The fix will be through a CSS media query (hover: hover) for the tooltip only on desktop, on mobile — the action will occur immediately on the first tap.
4. Reanimation on browser back:
I will add a check for navigation type or pageshow event — if it is back navigation, we skip the reveal animation. Framer Motion initial={false} on return.
Manual routing (pushState/popstate), query params for filters, smart links — I will not touch. Minimal pinpoint changes, PR with a separate commit for each task + screenshots.
Deadline: 2 days.
I am ready to work through the group as stated in the description.
-
414 Good day! 👋
I have experience working with React + TypeScript projects, including fixing UI/UX bugs in existing products without rewriting the architecture. I have worked with Tailwind, React Query, Framer Motion, and PWA, so I have a good understanding of your stack and the described issues.
How I will approach the task
Code analysis of App.tsx and navigation
I will understand the current history.pushState / popstate routing
…
I will check the auth-flow and entry points into the modal
Auth-flow (focus on login)
I will change the primary CTA to “Log In”
The first screen of the auth modal will be login
Register will remain as a secondary flow
I will check compatibility with Google OAuth, forgot password, and verify email
Scroll filter
I will implement stable behavior (sticky / floating or auto-hide)
I will check the display on desktop and mobile
I will maintain synchronization with query params
Mobile tap bug (tooltip)
I will fix the interaction logic so that the first tap immediately performs the action
The tooltip will remain for desktop hover/focus
Animation repeat on browser back
I will adjust the behavior of Framer Motion
I will use the state of page recovery or control mount/animation trigger
Animations will remain, but without replaying when going back
Working principles
Without rewriting the project from scratch
Minimal targeted refactoring
I will not break:
Manual routing
Query params of filters
Auth-flow
Smart links
Working through a Telegram group with tasks
Result
Pull Request with separate commits for each fix
Screens / GIF / short video desktop + mobile
Clean changes without regressions in logic
I am ready to review the repository and quickly start working.
-
9897 67 0 Hello! I will complete your task quickly and efficiently.
My portfolio: https://freelancehunt.com/ua/freelancer/romas6ka.html#portfolio
Write to me, I will start working today. I will be happy to collaborate with you!
Current freelance projects in the category Javascript and Typescript
I am looking for a mentor with Claude Code to launch a web project from scratch.Brief about the task: I am a beginner with no programming experience. I have a ready specification for website development (42 pages, Next.js, PostgreSQL). I want to implement it myself using Claude Code - I need a specialist who will set up the environment and teach me how to… Javascript and Typescript, Tuition ∙ 43 minutes back ∙ 7 proposals |
Website design updateIt is necessary to update the design of the existing website using HTML, CSS, JS: refresh the appearance, make it modern and responsive for mobile devices. Smooth animations and interactive elements need to be added. HTML & CSS, Javascript and Typescript ∙ 18 hours 15 minutes back ∙ 69 proposals |
Consultation and audit of the current project on Odoo 19 Community EditionWe are looking for an Odoo Developer — a solo developer with experience in Odoo 19 Community Edition, including using Claude Code. We need a specialist who has successfully implemented projects in Odoo and practical experience in development using Claude Code. Important: we only… C & C++, Javascript and Typescript ∙ 23 hours 54 minutes back ∙ 5 proposals |
Online clothing storeNeed a developer for an online clothing store Looking for an experienced developer to create a full-fledged online clothing store with a drop model of sales. What needs to be done: 6 pages: home, product, cart, checkout, account, admin panel Login via Google account Cart and… HTML & CSS, Javascript and Typescript ∙ 2 days 20 hours back ∙ 98 proposals |
Full-stack development — Amazon PPC Dashboard (Stage 1)Need a full-stack developer with experience working with Amazon API to implement Stage 1 of the internal PPC dashboard. The project is real, the data is live, everything is ready to start. Frontend prototype (5 pages, React + TypeScript): WHAT IS ALREADY READY — Frontend… Javascript and Typescript, Web Programming ∙ 5 days 8 hours back ∙ 32 proposals |