About This Project

A journey of code, creativity, and commitment.

About Me

Kaushal Karn

Hi! I'm Kaushal Karn, a passionate developer from Nepal studying BSc CSIT. This Spotify Clone is a personal project built to sharpen my frontend and UI/UX skills. I’ve poured my heart into every detail—from song interactions to responsiveness.

About the Project

Inspired by the clean design of Spotify, this clone showcases my abilities in HTML, CSS, and JavaScript. It features full music controls, animated UI, and responsive design. It’s not just a clone—it’s my creative interpretation.

Tech Stack Used

⌨️ Keyboard Shortcuts Guide

Master the music player with these keyboard shortcuts. Press ? anytime to open this guide!

Playback Controls

Space
Play / Pause
→
Next Song (or Skip Forward)
Previous Song

Mode Controls

S
Toggle Shuffle Mode
R
Cycle Repeat Mode (Off → All → One)
L
Like / Unlike Current Song

Interface Controls

D
Toggle Dark Mode
?
Show This Help Guide
Esc
Close Help Modal

Pro Tips

Volume Control: Use your mouse wheel or dragging on the volume slider for precise control
Progress Bar: Click anywhere on the progress bar to jump to that time in the song
Search: Start typing to instantly search and filter songs by name
Liked Songs: All your favorite songs are automatically saved in your browser
Dark Mode: Your theme preference is remembered between sessions
Offline Mode: The app caches songs for offline playback (PWA enabled)

My Learning Journey

From struggling with basic layouts to building this functional Spotify Clone, every step has been a lesson. This page reflects my growth and dedication to becoming a skilled developer.

Explore More

I hope you enjoy navigating through this project. Feel free to explore the songs and experience the custom UI.

Back to Music Player