Розроблено інтерактивний React-компонент для віджета бронювання, вбудовуваного на сайт студії або сервісу з погодинною орендою. Компонент дозволяє користувачу вибрати один або кілька часових слотів на тиждень, бачити актуальні ціни та розраховувати вартість оренди з урахуванням промокодів і режиму передоплати.
При кліку на вільний слот виконується асинхронний запит до сервера, після чого відображається актуальна ціна. Слоти можна додавати або прибирати, при цьому автоматично перераховується сума. Передбачена логіка обмеження: наприклад, якщо вибрано проміжний слот, він знімає вибір з усіх інших. Також доступна зміна режиму передоплати (50% / 100%) і перевірка промокоду.
Інтерфейс адаптований під мобільні пристрої і точно вивірений по сітці. Для забезпечення відгуку прибрані зайві затримки — наприклад, усунені мікролаги від логів у консолі. Усі елементи (інпуты, перемикачі, кнопки) підганяються піксель в піксель до макету.
При кліку на вільний слот виконується асинхронний запит до сервера, після чого відображається актуальна ціна. Слоти можна додавати або прибирати, при цьому автоматично перераховується сума. Передбачена логіка обмеження: наприклад, якщо вибрано проміжний слот, він знімає вибір з усіх інших. Також доступна зміна режиму передоплати (50% / 100%) і перевірка промокоду.
Інтерфейс адаптований під мобільні пристрої і точно вивірений по сітці. Для забезпечення відгуку прибрані зайві затримки — наприклад, усунені мікролаги від логів у консолі. Усі елементи (інпуты, перемикачі, кнопки) підганяються піксель в піксель до макету.