Media and community Case study
Music streaming app in React Native
A React Native music app for iOS and Android: streaming from an API, background playback with a notification-bar player, and offline downloads.
- React Native
- REST API
- Client
- Music streaming service
- Service
- Mobile apps, Integrations
- Years
- 2019–2020
- Stack
- React Native, REST API
- Platforms
- iOS, Android
Client details are private, so this study describes the client by type.
Overview
A music service needed a streaming app for both platforms. We built it in React Native against its APIs for login, catalogue and streaming, with playback that continues in the background through a notification-bar player and songs that can be downloaded for offline listening.
What we built
- Login, catalogue and streaming API integration
- Playback states with next and previous controls
- Background playback with a notification-bar player
- Offline listening through downloads to local storage
- Animations and responsive layouts; iOS fixes and Android back handling
Technology used
| Layer | Choice | Purpose |
|---|---|---|
| App | React Native | iOS and Android |
| Audio | Background playback | notification-bar player and offline files |
What happened next
- Delivered
The work described above was delivered to the client.
- Operational facts
- Our work on this project spanned 2019–2020.
Could this be your project?
- You are planning an iOS or Android app, or have one that needs a stronger back end behind it. Mobile app development
- Your product has to connect to payment, accounting, messaging or other third-party systems.
- You work in media and community and want a team that has built for it before. Media and community work
Questions about this project
How long did this project take?
Our work on it ran from 2019 to 2020.
What technology was used?
React Native, REST API.
Similar work
Also React Native, also a mobile app
A React Native app for iOS and Android that talks to an in-car IoT device over Bluetooth Low Energy, with AES-CBC encryption, CRC checks and a back-end API.
Also React Native, also a mobile app
A React Native app for iOS and Android showing live deals and ads from an API, with search, filters, sorting, videos and reviews.
Also React Native, also a mobile app
Rackless: ticket and work-request platform
A long-running web platform for Rackless, a cloud software services company: a ticket and work-request app with reports and email notifications, plus its WordPress sites, a Salesforce integration and a React Native app.