Віджет бронювання: вибір слотів та розрахунок вартості

Розроблено інтерактивний React-компонент для віджета бронювання, вбудовуваного на сайт студії або сервісу з погодинною орендою. Компонент дозволяє користувачу вибрати один або кілька часових слотів на тиждень, бачити актуальні ціни та розраховувати вартість оренди з урахуванням промокодів і режиму передоплати.

При кліку на вільний слот виконується асинхронний запит до сервера, після чого відображається актуальна ціна. Слоти можна додавати або прибирати, при цьому автоматично перераховується сума. Передбачена логіка обмеження: наприклад, якщо вибрано проміжний слот, він знімає вибір з усіх інших. Також доступна зміна режиму передоплати (50% / 100%) і перевірка промокоду.

Інтерфейс адаптований під мобільні пристрої і точно вивірений по сітці. Для забезпечення відгуку прибрані зайві затримки — наприклад, усунені мікролаги від логів у консолі. Усі елементи (інпуты, перемикачі, кнопки) підганяються піксель в піксель до макету.