It is necessary to design 5 modal windows for PC and mobile in the finished React project.
45 USD A ready archive, a web interface, to which 5 modal windows with logic need to be added
Implement animation and logic for the appearance of 5 instructional steps (“step by step”):
• Displayed only on the user's first entry into the diary.
• The user must go through all the steps on their first entry into the diary once, from one account; if a person logs into the diary again from their account but with a different browser, these 5 steps should not be displayed
• The instruction can be re-invoked through the “i” (info) button.
Implement the logic for displaying the user's daily mood:
• the user first selects their mood during the first session in the diary for the day
The code must be compatible with the current Docker infrastructure.
• Consider mobile and desktop responsiveness (according to the layouts in Figma).
Also, create another modal window, as in photo 2, and make it hide and write a function to invoke it from the backend
Applications 2
-
1 day45 USD
1 day45 USD
Hello, I worked on the project "React Modals for the Learning Platform" ✅, where I implemented 7 steps of the instructions and responsiveness for mobile and PC.
Do I understand correctly that we need to store the progress state of the instructions in the browser's local storage, not on the backend?
I suggest we get in touch, I will consult you for free on the technical side and we will create a development plan + I will tell you about my team! ✨
-
3 days89 USD
140 3 days89 USD
Hello
I am a frontend developer with experience in React, Next, HTML, CSS/SCSS, and JavaScript. I work with responsive layouts, animations, and integrating logic into ready-made projects compatible with Docker.
I can implement your 5 modal windows "step by step" so that they only appear on the user's first entry, with the option to re-trigger them via the "i" button, as well as an additional modal window with a backend trigger. All modal windows will be responsive for mobile and desktop devices, with smooth animation and integration of the user's daily mood state.
Considering the scope of work, integration into the existing React project, and testing, the estimated cost is 4000–5000 UAH. I am ready to start immediately after confirming the details.
-
2 days45 USD
326 2 days45 USD
Hello! 👋
I am a React Frontend Developer with experience in modal components, step-by-step onboarding, and responsive layout in existing projects.
I am ready to quickly integrate the necessary modal windows into your existing React application while adhering to the current project structure and compatibility with Docker.
🔧 What I will implement
* 5 step-by-step modals (onboarding)
** Displayed only on the user's first entry into the diary (by saving the status on the backend).
… ** Reopening is available through the “i” button.
** Transition animations and correct closing/skipping of steps.
** Support for PC and mobile versions according to designs in Figma.
* Daily mood selector
** Saving the user's state during the first session of the day.
** Interaction with the backend via REST or GraphQL (as in the current project).
* Additional modal window (according to photo #2)
** Layout and animation according to the design.
** Hidden by default, triggered via an event/function from the backend.
* Technical integration
** Support for the existing architecture and Docker infrastructure.
** Integration as components, without disrupting the existing application logic.
** Cross-browser and responsive layout.
-
2 days111 USD
3698 111 3 5 2 days111 USD
Hello, Stanislav!
I am implementing the layout and logic of the instructional steps and the modal.
Best regards, Yuriy
-
5 days178 USD
95670 1272 1 10 5 days178 USD
Hello. I have extensive experience with React. I am ready to collaborate. Please contact me.
-
2 days45 USD
914 32 3 2 days45 USD
Good day. I am a frontend developer with over 10 years of experience. I specialize in React. I am ready to complete your task. Feel free to reach out, we will work together.
Current freelance projects in the category HTML & CSS
Landing page for an English school
301 USD
We are looking for a designer + landing page developer (Wix / WordPress / Weblium) Hello! We are looking for a performer for the design and layout of a landing page for an English language course. What is needed: — design and layout of a landing page with 12 blocks; —… HTML & CSS, Interface Design (UI/UX) ∙ 1 hour 47 minutes back ∙ 51 proposals |
Layout of a React/Tailwind component for printing an A4 formNeed to fix the UI/UX design and geometry of one React component (template for a clinical chart for printing in PDF) All functionality, data arrays, and logic are already written and working — only cosmetic changes are needed, correct margins and positioning of elements using… HTML & CSS, Javascript and Typescript ∙ 2 hours 53 minutes back ∙ 29 proposals |
Adaptive website layout with animationIt is necessary to create a website based on the ready design from Figma. The admin panel of the site is Laravel - viar-art.pl The site should be modern, responsive, fast, and user-friendly. The layout must exactly match the mockup and display correctly on mobile devices,… HTML & CSS, Website Development ∙ 14 hours 14 minutes back ∙ 74 proposals |
Update custom frontend on Prestashop
223 USD
It is necessary to refine and update the custom theme of the online store on PrestaShop. The design already exists, but there have been changes (alignment of elements, UI adaptations) that need to be carefully integrated and brought to a stable appearance. Tasks: Update and… HTML & CSS ∙ 19 hours 35 minutes back ∙ 30 proposals |
Webflow developer for filling portfolio pages on the websiteA website custom-built on Webflow for a construction company needs to quickly fill project pages using one template (replace images and texts) For 2 languages Quantity - 6 pieces Ready to start asap, thank you! HTML & CSS, Web Programming ∙ 2 days 14 hours back ∙ 51 proposals |
Vinnytsia