Music Playlist
Curate focus playlists without fighting a streaming platform's embed restrictions.
Custom playlist curation for coding and focus sessions ran into embedding and integration limits on platforms like Spotify.
An exploratory experiment with intentionally limited scope.
Case Study
Before
Music discovery and curated playlists were a personal interest project. Existing platforms like Spotify didn't allow custom embedding or integration with the portfolio's content flow.
After
Created a personal music hub that doubles as a focus tool. The themed playlists (coding sessions, deep work) became a shared resource for the developer community.
How it's solved
Built a playlist curator with embedded Spotify/YouTube players, mood-based categorization, and listening history tracking. Playlists are themed around coding, focus, and relaxation.
Trade-offs
Playback depends on the embedded platform's own licensing — a track pulled from Spotify disappears from the playlist too.
Related Articles
Further reading on related topics from the blog
Building 100 Micro-Frontends: Lessons from a Solopreneur Journey
How I built and deployed 100 independently deployed micro-frontends on Vercel, the architecture decisions, trade-offs, and what I learned about scaling a one-person dev operation.
AI Integration Patterns for Web Developers: A Practical Guide
Practical patterns for integrating AI into web applications — from prompt engineering and streaming responses to building AI-powered tools that solve real user problems.
Onlook: The Cursor for Designers - AI-Powered Design Tool
Discover Onlook, a free AI tool that helps designers create websites, prototypes, and designs with real-time code generation using Next.js and TailwindCSS.
Related Projects
More in Tech Domain · Book Dev
Podcast
Podcast episodes with player and show notes
Video Gallery
Video portfolio with embedded player
Fashion Lookbook
Thai fashion catalog, luxury brands, sustainable textiles, and streetwear trends with mood board creation
Recipe Explorer
Mise en place recipe desk for choosing a dish, comparing ingredients, and testing a pantry substitution