C9Music — Full-Stack Music Streaming Web App by Dan ChetinC9Music — Full-Stack Music Streaming Web App by Dan Chetin

C9Music — Full-Stack Music Streaming Web App

Dan Chetin

Dan Chetin

C9Music — Full-Stack Music Streaming Web App
The Challenge: As part of my final graduation project, I aimed to build a comprehensive, high-performance music streaming platform from scratch. The goal was to create a system capable of handling complex media delivery, dynamic content, and an immersive user experience similar to industry leaders.
My Solution: I managed the entire product lifecycle, from initial database architecture to the final frontend implementation.
Design: Created a clean, intuitive dark-themed UI in Figma, focusing on easy navigation across artists, albums, and user libraries.
Backend Architecture (Laravel): Built a robust backend using Laravel (PHP). I engineered a complex database schema to manage user profiles, artists, albums, and playlists. I also implemented an efficient API for secure media delivery.
Dynamic Frontend (Vue.js): Developed a highly responsive Single Page Application (SPA) using Vue.js and Tailwind CSS.
Advanced Audio Features: I built a custom, continuous background audio player. A standout technical achievement was implementing a feature for synchronized, time-synced lyrics that scroll in real-time as the song plays.
Time-Synced Lyrics
Time-Synced Lyrics
Album Page
Album Page
Mobile Artist Page
Mobile Artist Page
The Outcome: A sophisticated, fully functional web application that successfully defended as a graduation project, demonstrating my ability to build complex logic, dynamic SPAs, and engaging user interfaces.
(Note: The original application was developed for the CIS market, so the UI screenshots are in Russian).
Like this project

Posted May 9, 2026

Developed a high-performance music streaming web app as a graduation project.