Melophile - Spotify Clone

Music Streaming App with Playlist Management and Player Controls

Developed by Prashant Jagtap | October 2025

Melophile is a Spotify-inspired music streaming interface built with vanilla JavaScript, HTML, and CSS. It features playlist creation, song search, and an interactive music player with waveform visualizations, designed for a smooth and responsive experience.

Live DemoGitHub

Core Features

Music Streaming

  • Interactive Player: Play, pause, skip, seek with waveform visualization.
  • Playlist Management: Create, edit, delete with drag-and-drop.
  • Search: Filter by title, artist, or genre.
  • Audio Playback: Local files with volume control.

User Experience

  • Responsive Design: Mobile & desktop optimized.
  • Dark Mode: Toggleable theme support.

Technology Stack

Frontend

  • HTML & CSS: Semantic structure with modern animations.
  • Vanilla JavaScript: Core logic with Web Audio API.

Project Gallery

Project Gallery

Screenshot 1
Screenshot 2
Screenshot 3
Screenshot 4
Screenshot 5
Screenshot 6
Screenshot 7
Screenshot 8