Widget rezerwacji: wybór slotów i obliczanie kosztów

Został opracowany interaktywny komponent React do widgetu rezerwacji, który można osadzić na stronie studia lub serwisu z wynajmem na godziny. Komponent pozwala użytkownikowi wybrać jeden lub kilka slotów czasowych na tydzień, zobaczyć aktualne ceny i obliczyć koszt wynajmu z uwzględnieniem kodów promocyjnych i trybu przedpłaty.

Po kliknięciu na wolny slot wykonywane jest asynchroniczne zapytanie do serwera, po czym wyświetlana jest aktualna cena. Sloty można dodawać lub usuwać, przy czym automatycznie przeliczana jest suma. Przewidziano logikę ograniczeń: na przykład, jeśli wybrany jest slot pośredni, znosi wybór ze wszystkich innych. Dostępna jest również zmiana trybu przedpłaty (50% / 100%) oraz sprawdzenie kodu promocyjnego.

Interfejs jest dostosowany do urządzeń mobilnych i dokładnie dopasowany do siatki. Aby zapewnić responsywność, usunięto zbędne opóźnienia — na przykład, wyeliminowano mikrolagi z logów w konsoli. Wszystkie elementy (pola wejściowe, przełączniki, przyciski) są dopasowane piksel w piksel do makiety.