Потрібно в готовому React проекті Зверстати 5 модальних вікон для пк та для мобільного
2000 UAHЄ готовий архів, веб інтерфейс, до якого потрібно докрутити 5 модальних вікон з логікою
Реалізувати анімацію та логіку появи 5 інструкційних кроків (“step by step”):
• Відображаються лише при першому вході користувача у щоденник.
• Користувач має пройти всі кроки при першому вході в щоденник один раз, з одного аккаунта, якщо людина заходить ще раз в щоденник зі свого аккаунту але з іншого браузера, не потрібно відображати цих 5 кроків
• Повторний виклик інструкції має бути доступний через кнопку “i” (інфо).
Реалізувати логіку відображення щоденного стану користувача (mood):
• користувач спершу обирає свій стан при першій сесії в щоденник за день
Код повинен бути сумісним з поточною Docker-інфраструктурою.
• Врахувати мобільну та десктопну адаптивність (згідно з макетами у Figma).
Також зверстати інше модальне вікно, як на фото 2 та зробити його hide та прописати функцію по якій можна його викликати, з бекенду
Додатки 2
-
Привіт, я працював над проектом "React модальні вікна для платформи навчання" ✅, де реалізував 7 кроків інструкції та адаптивність для мобільних і ПК.
Чи правильно я розумію, що потрібно зберігати стан проходження інструкції в локальному сховищі браузера, а не на бекенді?
Пропоную зв'язатися, я безкоштовно проконсультую вас з технічної сторони та складемо план розробки + розповім про мою команду! ✨
-
140 Привіт
Я фронтенд-розробниця з досвідом у React, Next, HTML, CSS/SCSS та JavaScript. Працюю з адаптивними макетами, анімаціями та інтеграцією логіки в готові проекти, сумісні з Docker.
Можу реалізувати ваші 5 модальних вікон “step by step”, щоб вони відображались лише при першому вході користувача, з можливістю повторного виклику через кнопку “i”, а також додаткове модальне вікно з backend-trigger. Всі модальні вікна будуть адаптивні для мобільних та десктопних пристроїв, з плавною анімацією та інтеграцією щоденного стану користувача (mood).
З урахуванням обсягу роботи, інтеграції в готовий React-проект та тестування, орієнтовна вартість — 4000–5000 грн. Готова приступити одразу після підтвердження деталей.
-
326 Добрий день! 👋
Я — React Frontend Developer із досвідом роботи з модальними компонентами, step-by-step онбордингом та адаптивною версткою у вже наявних проєктах.
Готовий швидко інтегрувати потрібні модальні вікна у ваш існуючий React-додаток із дотриманням поточної структури проєкту та сумісністю з Docker.
🔧 Що реалізую
* 5 step-by-step модалок (онбординг)
** Відображаються лише при першому вході користувача у щоденник (через збереження статусу на бекенді).
… ** Повторне відкриття доступне через кнопку “i”.
** Анімації переходів та коректне закриття/пропуск кроків.
** Підтримка ПК та мобільної версії за макетами у Figma.
* Щоденний mood-селектор
** Збереження стану користувача при першій сесії дня.
** Взаємодія з бекендом через REST або GraphQL (як у поточному проєкті).
* Додаткове модальне вікно (згідно з фото #2)
** Верстка та анімація згідно дизайну.
** Приховане за замовчуванням, виклик через подію/функцію із бекенду.
* Технічна інтеграція
** Підтримка наявної архітектури та інфраструктури Docker.
** Підключення у вигляді компонентів, без порушення існуючої логіки застосунку.
** Кросбраузерна та адаптивна верстка.
-
3698 111 3 5 Вітаю, Станіслав!
Реалізую верстку та логіку інструкційних кроків та модалки.
З повагою, Юрій
-
95670 1272 1 10 Вітаю.Є велиий досвід з React.Готовий до співпраці.Звертайтесь.
-
914 32 3 Добрий день. я э фронтенд розробний з досвідом більше 10 років. Якраз спеціалізуюсь на React. готовий виконати ваше завдання. Звертайтесь, попрацюємо.
Актуальні фриланс-проєкти в категорії HTML та CSS верстання
Лендінг для школи англійської
13 500 UAH
Шукаємо дизайнера + верстальника лендингу (Wix / WordPress / Weblium) Привіт! Шукаємо виконавця на дизайн і верстку лендингу курсу англійської мови. Що треба: — дизайн і верстка лендингу на 12 блоків; — дві сторінки оплати: успішна /неуспішна; — адаптив під мобільні; —… HTML та CSS верстання, Дизайн інтерфейсів (UI/UX) ∙ 5 хвилин тому ∙ 3 ставки |
Верстка React/Tailwind компонента для друку бланка А4Потрібно поправити UI/UX дизайн та геометрію одного React-компонента (шаблон клінічної карти для друку в PDF) Весь функціонал, масиви даних та логіка вже написані й працюють — потрібна суто косметика, правильні відступи та позиціонування елементів за допомогою Tailwind CSS Стек… HTML та CSS верстання, Javascript та Typescript ∙ 1 година 11 хвилин тому ∙ 11 ставок |
Адаптивна верстка сайту з анімацієюПотрібно сверстати сайт за готовим дизайном з Figma. Адмінка сайту - Laravel - viar-art.pl Сайт має бути сучасним, адаптивним, швидким і зручним для користувача. Верстка повинна точно відповідати макету, коректно відображатися на мобільних пристроях, планшетах і комп'ютерах.… HTML та CSS верстання, Створення сайту під ключ ∙ 12 годин 32 хвилини тому ∙ 61 ставка |
Оновити кастомний фронтенд на Prestashop
10 000 UAH
Потрібно доопрацювати та оновити кастомну тему інтернет-магазину на PrestaShop. Дизайн вже існує, але були внесені правки (вирівнювання елементів, UI-адаптації), які потрібно акуратно інтегрувати та довести до стабільного вигляду. Задачі: Оновлення та оптимізація кастомної теми… HTML та CSS верстання ∙ 17 годин 53 хвилини тому ∙ 29 ставок |
Webflow розробник для заповнення сторінок портфоліо на сайтіЄ сайт розроблений кастомно на вебфлоу для будівельної компанії, потрібно швидко заповнити сторінки проектів за одним шаблоном (замінити картинки і тексти) Для 2 мов Кількість - 6 штук Готові починати asap, дякую! HTML та CSS верстання, Веб-програмування ∙ 2 дні 12 годин тому ∙ 51 ставка |