Створити HTML+JS елемент для бронювання місця на концерті
Необхідно створити кнопку з попапом яка пізніше буде інтегрована в Woocomerce
З вас фронтенд частина.
Натискання на кнопку відкриває попап де показується мапа події з зонами на ній.
На першому екрані в попапі повинні бути виділені перші 3 ряди з кожної секції. І окремо виділена 4 столи і 3 столи. При натисканні на показану візуальну область відкриється наступний екран де можна натискати на конкертні доступні для бронювання місця. Доступні місця будуть віддаватися по апі, секція, кількість людей і перелік доступних місць. Для початку розробки просто захаркодьте значення.
Вибрані місця передаються на ендпоінт і і як json в приховане поле по id.
Необхідно додати функцію яка обмежить можливість бронювання місць коли залишається одне в кінці ряду або залшиється одне місце пусте між занятими. Доступні місця визначати на основі кількості і обмежувати так погане бронювання до моменту поки це можливо.
Пишіть термін виконання. Термін важливий.
Приклади як може бути реалізовано бронювання
https://codepen.io/havy313/pen/gOMjmPj
https://codepen.io/Abhiseksubham/pen/WNrdPeB
https://codepen.io/jhoo0118/pen/ZEWQzGd
Якщо робити попап і два динамічних екрани всередині важко можемо зробити лише один крок. Користувач обирає в селекторі секцію і при натисканні на кнопку відкриваєте вже конкретну секцію з місцями. Такий варіант також розглядаю
Додатки 1
Актуальні фриланс-проєкти в категорії Веб-програмування
Технічна підтримка веб-платформи (Python/Django)Є працюючий веб-проект, потрібно підтримувати і поступово приводити в порядок, без переписування з нуля. Стек проекту: Backend: Python, Django, Django Rest Framework Frontend: Next.js База даних: PostgreSQL Інфраструктура: AWS (EC2), Nginx Є інтеграції з зовнішніми API… Python, Веб-програмування ∙ 22 хвилини тому ∙ 6 ставок |
Посадка HTML в WordPressТЗ: перенесення HTML в WordPress https://bikeinbali.com/new Зробити кастомну тему WordPress classic на базі готових HTML-макетів.Не використовувати: Elementor WPBakery важкі теми page builder Єдині елементиЗробити глобальні: header.php (Header/footer повинні бути… Веб-програмування, Створення сайту під ключ ∙ 5 годин 3 хвилини тому ∙ 60 ставок |
Доробка сайта на Ocstore 3
700 UAH
Ocstore 3 Шаблон Upstore Поправити деякі моменти https://docs.google.com/document/d/1-TmTo3lh_ElFjPMQCGs2sVCsVSzq-V-Z/edit?usp=sharing&ouid=105344407605205919725&rtpof=true&sd=true Очікую ваші пропозиції PHP, Веб-програмування ∙ 5 годин 59 хвилин тому ∙ 49 ставок |
Зібрати сторінку на Elementor ProНеобхідно зібрати з нуля сторінку на сайті WordPress на плагіні Elementor (Pro-версія). Десктоп версія + адаптивна версія планшет та мобайл. Дизайн надаємо у Figma. Шаблон документу дизайну — у вкладеннях (тільки десктоп версія). Необхідно буде використовувати анімацію, тому… HTML та CSS верстання, Веб-програмування ∙ 6 годин 3 хвилини тому ∙ 49 ставок |
Перенесення та налаштування готової теми сайту (шаблону) на WordPressШукаємо WordPress-розробника для встановлення та налаштування вже готового шаблону сайту. Є придбаний хостинг і домен, а також готова тема, яку потрібно реалізувати на сайті: https://foxiz.io/coin/ Завдання: Встановити WordPress на хостинг (якщо ще не встановлено) Завантажити… Веб-програмування, Створення сайту під ключ ∙ 7 годин 41 хвилина тому ∙ 80 ставок |
Хмельницький