Melody

  • Tech Stack: Track Player, Reanimated, CodePush, FastImage, Bottom Sheet, Modal, Device Info,
  • Download: APK

Overview:

Melody is a modern, ad-free music streaming app built using React Native, designed to provide a seamless listening experience powered by the JioSaavn Unofficial API (both new and legacy versions). Users can explore curated playlists, discover trending tracks, and enjoy uninterrupted audio playback through an intuitive and responsive mobile interface.

My Role:

I led the entire mobile development for Melody using TypeScript and React Native. My primary focus was on crafting a smooth, native-like music experience by integrating audio streaming, local data persistence, and intuitive gesture-based interactions — all while maintaining a clean, modern design.

Key Highlights:

  • Music Playback: Integrated react-native-track-player for background audio playback, supporting controls, seek, and streaming from the JioSaavn Unofficial API.
  • API Integration: Used both New and Old versions of the JioSaavn Unofficial API to fetch albums, playlists, song metadata, and stream URLs.
  • Audio UI & Animations: Utilized Reanimated, Modal, and Bottom Sheet to build a responsive, gesture-friendly interface for now playing and playlist views.
  • Offline Capabilities: Employed AsyncStorage to cache user preferences and recent tracks, ensuring smooth functionality even without internet.
  • Performance: Optimized with FastImage for album art loading and Linear Gradient for dynamic backgrounds.
  • Error Recovery: Integrated CodePush for OTA updates and minimal release friction, ensuring quick fixes and feature rollouts.