FavPlaylist
Project Overview FavPlaylist is a web-based music player designed with a beautiful, modern "frosted-glass" look. I started this project for fun to create a styl...
Project Overview FavPlaylist is a web-based music player designed with a beautiful, modern "frosted-glass" look. I started this project for fun to create a styl...
FavPlaylist is a web-based music player designed with a beautiful, modern "frosted-glass" look. I started this project for fun to create a stylish, creative way to share my favorite music playlists and tracks with my friends on Instagram.
I used a CSS feature called backdrop-filter, carefully balancing background transparency and blur effects so the text remains easy to read. The player's engine runs entirely on vanilla JavaScript, smoothly controlling the play/pause actions, tracking the song progress, and updating the application dynamically.
When I launched the live website on GitHub Pages, some of my album covers suddenly failed to load, even though they looked perfect on my computer. I discovered that the live server is incredibly strict about capital letters in file names, whereas my computer didn't mind them. Because my save-history system (Git) ignored the minor letter changes, I used terminal commands to clear the system's temporary memory, forcing it to recognize and upload the corrected files properly.
You can check out the live site here: https://sunnybunny-dev.github.io/favplaylist/