Верстка сайту туроператора

Я виконував верстку для сайту туроператора як підрядник у команді розробника, який відповідав за повну інтеграцію та бекенд-логіку. Робота велася безпосередньо у наданому проекті зі збіркою Astro та додатковими внутрішніми налаштуваннями. Я повністю адаптувався під структуру проекту, підтримав усі правила коду та зібрав верстку у вигляді готових до інтеграції модулів.

Що було зроблено

1. Компонентна верстка по секціях

• створив окремі модулі для header, footer, типових блоків і контентних секцій;

• реалізував адаптивну версію для всіх роздільних здатностей;

• зібрав головну сторінку та каталог турів із типових компонентів.

2. Інтерактивна карта з геомітками

• створив інтерактивну карту на основі статичного зображення з точно позиційованими маркерами;

• забезпечив правильне масштабування — мітки не “з’їжджали” на різних екранах;

• реалізував відкриття попапів з інформацією за кліком.

3. Типові картки турів

• розробив універсальний компонент карточки з різними модифікаторами;

• підготував систему класів для швидкого розширення каталогу.

4. Клієнтські фільтри, готові до інтеграції з бекендом

• реалізував логіку фільтрації на JS (клієнтська частина);

• підготував структуру з коректними ID, dataset та семантикою для безболісного підключення бекенду;

• створив кастомні повзунки (range sliders) та елементи управління.

Сайт отримав чисту, компонентну та масштабовану фронтенд-структуру, яку розробник зміг без проблем інтегрувати у серверну частину. Усі інтерактиви — карта, фільтри, селекти — працюють стабільно та швидко на будь-якому пристрої.