🎧 Audio Player Manager (Fullstack Real-time Sandbox)

Audio Player Manager — это продвинутая Fullstack-платформа для управления аудио-библиотеками с глубокой кастомизацией и системой живых обновлений. Проект объединяет в себе мощную серверную логику и отзывчивый интерфейс с дотошным вниманием к мелочам.

💎 Основной функционал

🔄 Real-time Экосистема (SSE)

• Живая синхронизация: Благодаря Server-Sent Events (SSE), любые изменения (удаление, правка треклистов) отображаются у всех подключенных пользователей мгновенно.
• Система алертов: Если кто-то правит данные, у остальных пользователей появляются маркеры на соответствующих элементах.
• Умное удаление: Анимация удаления треклиста сработает даже если элемент находится вне зоны видимости (авто-скролл/мониторинг).

🎨 Кастомизация & UX

• Интерфейс-трансформер: Менеджер треклистов слева, панель опций справа. Основные инструменты скрыты под чекбоксом "Enable additional options" для чистоты дизайна.
• Визуальный тюнинг: Настройка цветовой палитры, внешнего вида кнопок и стиля отображения треков.
• Внимание к деталям: Названия треков элегантно затеняются, но эффектно «выезжают» за пределы плеера при наведении.
• Память (Persistence): LocalStorage запоминает всё — от выбранной темы до последнего включенного трека. * Smart Welcome Back: Система приветствия, которая не просто помнит ваш последний трек через Cookies, но и высчитывает точное время вашего отсутствия (дни, часы, минуты) с автоматической очисткой данных через 10 дней.

🎼 Управление Плейлистом (Logic)

• Умное добавление: Режимы «Заменить всё» или «Добавить к существующему». Автоматическая нумерация дубликатов track (2), track (3) с динамическим пересчетом индексов при удалении.
• Скрытая механика Shuffle: При включении рандома порядок треков можно подсмотреть в реальном времени через специальный текстовый лог в панели опций.
• CRUD & Сортировка: Быстрая сортировка (A-Z, дата), массовое раскрытие треклистов и полная очистка в один клик.

🛠 Технологический стек

• Frontend: Pure JS (Vanilla), CSS/JS Animations (сложная синхронизация таймингов).
• Backend: Node.js, Express.
• Real-time: SSE (Server-Sent Events).
• Storage: JSON DB (Server) + LocalStorage (Client).

⚠️ Demo Mode

Проект запущен в режиме Read-Only. Изменение данных на сервере отключено для защиты демо-контента.

🎸 О разработчике

Автор — АТД. Музыкант, композитор и звукорежиссёр, осваивающий Fullstack-разработку. В коде, как и в музыке, придерживаюсь чистоты звучания и четкости структуры.