|Starter Type||FRONT END Read More|
|Technology||React Native (V 0.59)|
|Tested on||Android O / P
iOS 12 / iPhone X
|Product Contents||Source code Zip File, license certificate|
Updated to Version: 0.59
This Spotify style music streaming app starter is made by expert UI developers to provide a great app UI for your own Spotify style music streaming app starter. Now you can start your own music streaming app with these functionalities. This is a great starting point for app development, as more than half the work is done here. All pages and components are set. Hence, all you need here is to integrate your back-end and feed in the data. This app has many features common with popular app Spotify. You can also have a look at our Netflix style video streaming app Teleflix.
This React Native app contains following features
– Spotify styled bottom-tabbed interface for easy navigation
– Homepage with albums arranged in horizontal scrollers for easy swipe access, vertical arranged in different categories
– Browse tab to browse different genre songs
– Search tab in middle with intuitive search, Search results show up in a thumbnail list with artist / album name
– Radio tab to check out radio stations, arranged again in vertical categories with horizontal scroll in each category
– Library tab with user specific data – Songs, albums, playlists and artists
– Artist / Album page with big album art followed by audio player at the bottom
– Album page with list of songs and easy play feature
– Playback page with album art, timeline and basic playback buttons, similar to Spotify UI
– In-playback option to look at playlist, minimize player, randomize, seek ahead etc
– Option to download song offline. Offline content page showing the download content in a beautiful thumbnail list
– Settings page with streaming quality, notifications, language etc options
– Side-menu with Home, offline content, settings and login, with a large logo of app on top
– UI tested for both Android and iOS
– Login / Signup , forgot password functionality in a unique UI
Why React Native
(also refer README.md in the zip)
– Run yarn or npm i to install all modules
– Run react-native link to link libraries
– Run react-native run-ios. This should run the metro bundler, and open default simulator to run the app
– If you have Xcode > 10 , then you will face an issue saying
Entry, “:CFBundleIdentifier”, Does Not Exist
Option 1 – Change Xcode to Legacy Build System. More details here
Option 2 – Open your iOS product in Xcode, give it a proper bundle name like com.enappd.audrix, provide a correct provisioning profile, and you should be able to build it properly. After this, even the command react-native run-android should build it properly.
– Run react-native run-android. This should run the metro bundler, and open default simulator to run the app. If the metro bundler does not run automatic, go in your project folder, and run react-native start . This should start the bundler.
– If you have a device connected, and you face a connection issue via USB, try running
adb reverse tcp:8081 tcp:8081
And then again run the react-native run-android command. Your app should run properly on device.
If not, open the project in Android Studio and run in the device.