Budget: 2000 UAH Deadline: 1 day
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! :)