Back to articles
# I Built a Free In-Browser Music Player for AI Playlists — Here's What I Learned

# I Built a Free In-Browser Music Player for AI Playlists — Here's What I Learned

via Dev.toSmit Patil

17 years old. Vanilla JS. No framework. No backend server. Just shipped. The Problem Nobody Was Solving Every week, thousands of people ask ChatGPT, Claude, or Gemini for a playlist. The AI happily gives them a beautiful list of 10 songs. And then... nothing. They're stuck copy-pasting each song into Spotify or YouTube one by one. That's annoying. So I fixed it. PlaylistBridge ( playlistbridge.netlify.app ) converts any AI-generated song list into instant playable links. No login. No app install. Paste and play. I started with a simple idea. Over the past few months it became something I didn't expect — a full in-browser music player with video mode, community playlists, shareable cards, and a Firestore-backed song cache. All in vanilla JS. This is the story of how I built it and what I learned along the way. The Stack (And Why I Chose It) Frontend: Vanilla HTML, CSS, JavaScript — no React, no Vue, nothing Backend: Netlify Functions (serverless) Database: Firebase Firestore Hosting: Ne

Continue reading on Dev.to

Opens in a new tab

Read Full Article
2 views

Related Articles