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

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

Що було зроблено:
1. Компонентна верстка по секціях:
- створив окремі модулі для header, footer, типових блоків і контентних секцій;
- реалізував адаптивну версію для всіх роздільних здатностей;
- зібрав головну сторінку та каталог турів із типових компонентів.
2. Інтерактивна карта з геомітками:
- створив інтерактивну карту на основі статичного зображення з точно позиційованими маркерами;
- забезпечив правильне масштабування — мітки не “з’їжджали” на різних екранах;
- реалізував відкриття попапів з інформацією за кліком.
3. Типові картки турів:
- розробив універсальний компонент карточки з різними модифікаторами;
- підготував систему класів для швидкого розширення каталогу.
4. Клієнтські фільтри, готові до інтеграції з бекендом:
- реалізував логіку фільтрації на JS (клієнтська частина);
- підготував структуру з коректними ID, dataset та семантикою для безболісного підключення бекенду;
- створив кастомні повзунки (range sliders) та елементи управління.

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