Project Overview
A full-featured mobile music streaming app designed with a focus on immersive aesthetics. The player UI reads album art color signatures dynamically, matching the background gradient to the active track. Includes sophisticated background playback service handling, allowing users to lock their screens while listening.
Key Features & Scope
Adaptive styling extracting palette colors from album art in real-time
Secure local caching for songs enabling full offline playback
Dynamic queue controller with swipe-to-remove and drag-to-reorder features
Interactive frequency visualizer using React Native Reanimated
System Architecture
Expo-based React Native app using Redux Toolkit for offline persistent state. The backend uses Node.js and Express to serve media streams over chunked HTTP responses, allowing immediate audio playback with minimal buffering.
Biggest Challenge & Resolution
The Challenge
Background audio playback on both iOS and Android required platform-specific handling, and extracting dominant colors from album art in real-time caused UI jank on lower-end devices.
The Resolution
Built a custom background audio service using Expo AV with lock-screen controls and notification integration. Implemented a Web Worker-based color extraction algorithm that processes album art off the main thread, maintaining 60 FPS animations even on budget devices.