Тестовое задание №2 для Frontend-разработчика со специализацией JS + React.

Получить, отобразить и сделать интерактивной схему зала для определённого события.

1. Создать веб-страницу используя HTML разметку и адаптивную верстку.

2. Получить схему зала для тестового события осуществив запрос к API BIL24 по заданным параметрам.

url: https://api.bil24.pro:1240/json

fid: 1234

token: 8787y868787h8uh8uh8jb

cityId: 1234

actionId: 1234

venueId: 1234

actionEventId: 1234

userId: 1234

sesionId: 8787y868787h8uh8uh8jb

3. Отобразить схему зала и сделать её интерактивной используя библиотеку hallcontrol.js.

4. Добавить дополнительный функционал переопределив стандартные события библиотеки hallcontrol.js.

Нарисовать необходимые компоненты с помощью Figma

Создать необходимые React-компоненты

Добавить плашки с информацией о забронированном месте и кнопкой для снятия брони — использовать React-компонент

Добавить блок с информацией о количестве забронированных мест и суммой брони — использовать React-компонент

5. Организовать бронирование/разбронирование мест в билетной системе взаимодействуя API BIL24.

6. Изменить стандартное поведение при бронировании/разбронировании мест используя данные из файла 487594.seats.package.

На данный сеанс разрешено только пакетное, или групповое бронирование, например минимум 2 или 3 места, в файле содержатся пакеты мест

Время выполнения: 3 часа

Стек разработчика: JS + React + CSS

Оценка по 10 бальной шкале:

Каждый пункт — 1 балл

Время выполнения — 1 балл

Соблюдение стека — 1 балл

Чистота кода — 1 балл

Оптимизация кода — 1 балл