AKSONG
A full music streaming web app — library, playlists, trending charts and search built around a fast dark player experience.
“Streaming UIs hide hard problems — search, playlists, playback state. Building one end to end was the deepest frontend engineering exercise I've shipped.”
Project
Project / AKSONG
Category / Web App
Role / Design + Full-stack development
Date / 2025
About
A Spotify-class listening experience built from scratch: songs, albums, artists, playlists, trending charts and instant search — all in a dark, responsive player UI.
Solution
A complete streaming app with a persistent player, library management with liked songs and playlists, trending and popular album rails, and search that answers 'what do you want to play?' instantly.
Key Features
Playback continues seamlessly across navigation — queue, controls and progress survive every route change.
Liked songs, custom playlists and artist following with filter chips for quick switching between views.
Ranked trending lists, popular album rails and instant search across songs, albums and artists.
Next.js app with a global audio state layer for the persistent player, media APIs for catalog and streaming, and virtualized lists to keep large libraries smooth.
What I learned
building this
Global playback state is the boss fight of music UIs — the player must outlive every page while staying perfectly in sync with each view's controls.
Media-heavy grids need image discipline: lazy loading and exact sizes were the difference between smooth and janky scrolling.