Music streaming platform / Web
A personal music library, from upload to playback.
A Spotify-inspired web app with accounts, uploads, liked songs, and a browser audio player.
- My role
- Personal project · full-stack development
- When
- 2025
- Built with
- React · Next.js · Supabase · Tailwind CSS · Zustand · Browser audio
Explore how it works
Try it yourself ↓One library. One player. Your next track.
Pick a sample track, save a favorite, and watch the player follow your selection.
No audio in this preview.
Your sample library
1 likedA silent player-state preview with invented tracks. No recordings are loaded or played, and the sample library stays in this page.
The challenge
A music player has to keep several pieces in sync: the audio itself, the selected track, playback controls, and the user's library. I built this personal project to work through that full interaction.
How I built it
Build a personal collection
I used Supabase for authentication, storage, and library data so users could upload music and manage their liked songs.
Coordinate playback state
React, Next.js, and Zustand connected the player interface with playback, progress, track selection, and volume controls.
What came out of it
A working personal music streaming application bringing together file storage, account state, and audio playback. It is a learning project inspired by Spotify.
Sources & project context
- Original portfolio case study, reviewed October 2026
More from the project
