Вёрстка сайта и интеграция с Headless CMS (API)

image
Разработан сайт для московского джаз-клуба с расписанием живых концертов, возможностью покупки билетов и подключением к внешнему API. В рамках проекта я выполнил адаптивную вёрстку всего сайта с нуля, а также интеграцию с headless CMS для динамического управления событиями. 📌 Выполненные задачи: Полная адаптивная вёрстка страниц сайта: главная, афиша концертов, страницы артистов, контакты Реализация карточек мероприятий с динамическими данными (дата, артист, описание, кнопки) Пагинация, сортировка и загрузка данных через REST API / GraphQL API headless CMS Кнопки «Подробнее» и «Купить билет» с перенаправлением на внешнюю систему Подключение динамического контента с сервера (концерты, даты, изображения, тексты) Анимации, оптимизация под мобильные устройства, быстрая загрузка 🛠 Технологии и стек: HTML5 / CSS3 / JavaScript (ES6) — ручная, чистая вёрстка Fetch/AJAX для получения данных с API CMS Интеграция с headless CMS (например, Strapi, Contentful, Sanity или иная система) Использованы адаптивные сетки, интерактивные элементы и модульная архитектура кода Сайт позволяет администраторам вносить изменения в CMS без участия разработчика: добавлять и удалять концерты, изменять даты, изображения и описания в один клик — всё сразу отображается на фронте благодаря динамической подгрузке данных через API.
https://hdzy.github.io/academdjaz/