Type
Streaming Service
Role
Lead Developer
Built
Nov 2025
Duration
1 Month
Last Updated
Jan 2026
Technologies Used
Next.jsTypeScriptTailwind
The Problem
Managing consistent audio state across pages while fetching dynamic content causes stuttering.
The Solution
Developed a robust global React Context provider specifically for the audio engine.
Key Features
Global audio state
Persistent music player that survives page routes.
iTunes API Integration
Instant access to millions of tracks and albums.
Background processing
Dynamic UI colors based on album artwork.
Custom audio controls
Fully custom scrubbers, volume sliders, and queues.
Product Gallery
.png)
.png)
Technical Architecture
Frontend
Next.js App Router + Tailwind CSS
Backend
iTunes REST API integration
Database
Local Storage
State
React Context API
The Outcome
- Eliminated audio playback interruptions
- Delivered a visually dynamic UI that adapts to content
- Successfully integrated complex third-party API data