Актуальність теми: У сучасну цифрову епоху потокове відтворення мультимедійного контенту є однією з найзатребуваніших послуг у мережі Інтернет. Попри наявність великих гравців на ринку стримінгу, залишається актуальною потреба у створенні легких, персоналізованих веб додатків, які агрегують контент із відкритих джерел, пропонуючи користувачам унікальний інтерфейс без перевантаження зайвими елементами.

Мета роботи: Метою є проєктування та розробка веб-орієнтованого застосунку для пошуку, відтворення та систематизації музичного контенту з використанням сучасних патернів компонентної архітектури та мікросервісних підходів.

Архітектура та технологічний стек: Система побудована за класичною клієнт-серверною архітектурою з використанням стеку MERN (MongoDB, Express.js, React, Node.js).

• Клієнтська частина (Frontend) реалізована на базі бібліотеки React з використанням компонентного підходу. Для управління глобальними станами програми  такими як контроль плеєра, черга відтворення, авторизація, застосовано патерн React Context API. Для оптимізації процесу збірки та мініфікації вихідного коду використано сучасний бандлер Vite.
• Серверна частина (Backend) побудована у середовищі Node.js із використанням веб-фреймворку Express. Взаємодія з базою даних здійснюється через ODM-бібліотеку Mongoose, яка забезпечує строгу типізацію та валідацію схем даних на рівні додатка.
• Система безпеки та авторизації: Реалізовано гібридну систему доступу. Для класичної реєстрації застосовано криптографічне хешування паролів за допомогою алгоритму bcrypt. Для делегованої авторизації інтегровано протокол OAuth 2.0 через бібліотеку Passport.js.
• Інтеграція зовнішніх API: Для формування медіатеки система взаємодіє з YouTube Data API v3, що забезпечує пошук аудіоконтенту, а для реалізації режиму караоке із синхронізованим текстом пісень інтегровано відкрите LRCLIB API. Загальну структуру взаємодії клієнтської та серверної частин, бази даних, а також підключених зовнішніх сервісів наведено на діаграмі компонентів (рис. 1).

Організація баз даних: На етапі прототипування як основне сховище даних використовується документо-орієнтована СУБД MongoDB. Однак, з огляду на подальше масштабування системи, передбачено перехід до поліглотної архітектури баз даних. Заплановано розділення логіки:

• PostgreSQL використовуватиметься для зберігання строгих реляційних даних по типу профілів користувачів, транзакції, зв'язки між користувачами та підписками.
• MongoDB залишиться для зберігання гнучких та неструктурованих даних по типу історії прослуховувань, масивів метаданих пісень, кешів результатів пошуку.

Функціональні можливості та перспективи розвитку: Наразі розроблене програмне забезпечення дозволяє здійснювати пошук музики, створювати публічні та приватні плейлисти, а також переглядати синхронізовані тексти пісень у реальному часі.

У подальшому розвиток проєкту передбачає впровадження наступного функціоналу:

1. Алгоритми персоналізації: Розробка модуля персональних рекомендацій на основі аналізу історії прослуховувань, улюблених жанрів та авторів користувача.
2. Офлайн-доступ: Реалізація захищеного вивантаження музичного контенту з сайту для прослуховування без доступу до мережі Інтернет.
3. Кросплатформність: Адаптація системи під мобільні пристрої – створення мобільної версії сайту на базі принципів Responsive Web Design або розробка Progressive Web App – PWA.