My second big frontend project — a Spotify-inspired music player built using HTML5, CSS3, and Vanilla JavaScript. Unlike my first project, this isn’t just a tutorial copy. I learned how to dynamically fetch songs, control playback, and create a responsive, interactive UI that feels like a mini music app.
Features so far:
- Play, pause, next/previous track controls
- Dynamic song fetching from local folders
- Interactive seekbar with real-time updates
- Volume controls with mute toggle
- Responsive UI with album cards & playlists
Planned upgrades:
- Store & fetch playlists from JSON instead of hardcoding
- Search functionality for songs/albums
- Backend integration to make it a true music streaming app
Live Demo: (https://yogurtfusion.github.io/Spotify-clone/)
Credits:
- Sigma Webdev for inspiration
- ChatGPT for debugging & feature brainstorming
- Open-source icons & assets for keeping things fresh
About: This project taught me DOM manipulation, fetch API usage, and event-driven programming. It’s not just a clone — it’s my playground for mastering real-world frontend logic. Stay tuned, I’m turning this into a full-fledged app.