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

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: Netl