High-Performance Music Streaming with Redis and CloudMap 🎵
April 16, 2026•By Pranjal Kuhikar
Thrilled to showcase my latest complete project, SonicFlow—a robust music streaming ecosystem built using the MERN stack.
This project wasn't just about playing music; it was a challenge in engineering a responsive, feature-rich user experience while handling complex backend orchestration.
Here’s a deep dive into what I built and, more importantly, what I learned along the way:
1. Robust Security & User Onboarding
Before a user listens, they must trust the system.
- Secure Authentication: Integrated JWT-based local authentication and Google OAuth for a seamless one-click login.
- Role Management: Configured a system to manage user roles (Listeners vs. possible Creators/Admins).
- Key Learning: Mastered OAuth workflows and understood how to securely handle token-based sessions in a microservices environment.
2. Personalized Library & Playlist Management
User engagement depends on seamless asset handling.
- Dynamic Library: Built a structured "Library" dashboard where users explore artist sets or their own saved collections.
- Playlist Logic: Implemented complete CRUD (Create, Read, Update, Delete) functionality for playlists, ensuring immediate state updates in the UI.
- Key Learning: Improved state management skills in React to update the view instantly when playlists are deleted or refreshed.
3. High-Performance Music Delivery & State
This is where the user experience really shines.
- The Custom Player: Developed an interactive music player with real-time state tracking (playback time, buffering) and smooth transitions.
- Redis Integration (Performance): Implemented Redis Caching on the backend to cache frequently accessed song data and search queries.
- Key Learning (The 'Bugs' that taught me):
- The State Battle: Synchronizing the play/pause state between the main page buttons and the floating bottom player bar was a major React state challenge I overcame using advanced hooks/context.
- Redis Efficiency: Saw a dramatic reduction in DB latency by caching hot data with Redis.
