Skip to content

🎡 Music Streaming System (Melodify) A full-stack music streaming platform inspired by Spotify, built using Spring Boot, React (Vite), and MS SQL Server. The application enables users to stream songs, create playlists, follow artists, and view analytics, while offering secure role-based access for Users, Artists, and Admins.

License

Notifications You must be signed in to change notification settings

Chandubr/Music-Streaming-System--Spotify-clone-

Repository files navigation

🎡 Music Streaming System (Melodify)

Spring Boot React SQL Server

A full-stack music streaming platform inspired by Spotify, built using Spring Boot, React (Vite), and MS SQL Server.
This application allows users to stream songs, create playlists, follow artists, and view analytics β€” with secure role-based access for Users, Artists, and Admins.

App Screenshot


πŸš€ Features

🎧 Music Playback

  • Custom HTML5 audio player with queue management, shuffle, seek, and volume controls.
  • Persistent listening history and real-time play count tracking.

πŸ”’ Role-Based Access

  • User: Discover, play, and manage playlists.
  • Artist: Upload and manage songs/albums, schedule concerts, and view analytics.
  • Admin: Approve/reject songs, monitor user activity, and access moderation dashboards.

🧩 Artist Workflows

  • Create, edit, and manage albums and tracks.
  • Schedule and manage concerts.
  • Track play counts and user interactions.

πŸ“Š Admin Dashboard

  • Moderation panel for song verification and content approval.
  • Analytics dashboards (ApexCharts) for top songs, listening duration, and genre trends.

🎼 Playlist Management

  • Create, update, and share playlists using AES encryption (CryptoJS).
  • Secure, read-only shared playlist views via generated URLs.

βš™οΈ Performance & Observability

  • Implemented Spring AOP logging for method-level performance monitoring.
  • Optimized API calls, debounced search inputs, and caching for smooth UX.

🧠 Interactive Features

  • Voice command toggle using React Speech Recognition.
  • Toast notifications, skeleton loaders, and smooth UI transitions with Framer Motion.

πŸ› οΈ Tech Stack

Layer Technologies
Frontend React (Vite), Material UI, Bootstrap, HTML5 Audio API, ApexCharts, Axios
Backend Spring Boot, Spring Security, Spring AOP, RESTful APIs
Database Microsoft SQL Server

🧰 System Architecture

Frontend (React) β”‚ β”œβ”€β”€ REST APIs (Spring Boot) β”‚ β”œβ”€β”€ Authentication & Role Management β”‚ β”œβ”€β”€ Songs, Playlists, Artists β”‚ β”œβ”€β”€ Analytics & Moderation β”‚ └── Database (MS SQL Server) β”œβ”€β”€ Users / Artists / Admins β”œβ”€β”€ Songs / Albums / Playlists β”œβ”€β”€ Listening History / Notifications

πŸ‘€ Author

Chandu B R Junior Machine Learning Engineer | Full Stack Developer πŸ“ Bangalore, India

About

🎡 Music Streaming System (Melodify) A full-stack music streaming platform inspired by Spotify, built using Spring Boot, React (Vite), and MS SQL Server. The application enables users to stream songs, create playlists, follow artists, and view analytics, while offering secure role-based access for Users, Artists, and Admins.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published