Персональная веб-платформа композитора и звукорежиссера. Проект объединяет эстетику синематической оркесторвой музыки и прогрессив-пауэр-металла с мощью современных веб-технологий.
- Frontend: HTML5, CSS3, JavaScript (ES6+).
- Backend: PHP 8.2 (серверная обработка данных и валидация).
- Инструментарий:
- Docker — полная контейнеризация приложения, обеспечивающая стабильную работу PHP-окружения в любой облачной среде.
- cURL & API Integration — использование внешних API-шлюзов для надежной отправки уведомлений в обход ограничений классического SMTP.
- Node.js/NPM — управление зависимостями и скриптами запуска.
- Деплой: Render (Web Service via Docker).
- Главная (Main): Интерактивная посадочная страница с динамической загрузкой визуальных ассетов.
- Новости (News): Лента обновлений проекта с реализованной логикой умной прокрутки к конкретным датам и событиям.
- Музыкальный хаб (Music): * Интеграция сторонних медиа-плееров (Bandcamp Embedded Player).
- Система быстрой навигации по дискографии с использованием якорных ссылок и JS-прокрутки.
- Интерактивные превью обложек альбомов с возможностью просмотра в полном разрешении.
- О проекте (About/Contact): Информационный блок с биографией и формой обратной связи.
- Инфраструктура как код: Использование Docker-контейнера на базе Apache позволило развернуть PHP-бэкенд на платформе с нативной поддержкой только статики/Node.js.
- Отказоустойчивая отправка почты: Реализован переход от классического SMTP к API-модели (через cURL), что гарантирует доставку сообщений даже при блокировке стандартных портов (465/587) хостинг-провайдером.
- Кастомная JS-логика:
- Smart Scroll: Скрипты для плавного позиционирования контента и работы кнопки «Наверх».
- Media Control: Управление состоянием плееров и навигация по музыкальным секциям.
- Preloader: Фирменная анимация загрузки страниц для улучшения UX.
- Многоуровневая валидация:
- Client-side: Мгновенная проверка ввода и регулярные выражения.
- Server-side: Глубокая очистка строк (Sanitization) и проверка через PHP
filter_var.
- Дизайн и адаптивность: Полностью отзывчивая верстка, оптимизированная под различные типы устройств, с использованием CSS и динамического расположения элементов.