Table of Contents
The React Native mobile app that displays the top 100 albums based on the iTunes API.
Users are able to:
- Search albums on list in real time by keywords
- Changeing list view to grid view
- Add albums to favourites
- View favourites
- Remove from favourites
- View album details
- Go to album or artist page on Apple Music
-
Clone the repo
git clone git@github.com:lukaszkus/react-native-music-app.git
-
Install NPM packages
npm install
-
Run command
npm start
or
expo start
After running these commands a new window in your browser will open up with information about project.
To preview project you need to download Expo Client App on your smartphone. Depending on the phone you have you can do this on the App Store, on the Google Play Store or here.
Once you have the Expo Client App installed scan the QR Code that you saw when you ran npm start on the terminal. You will have to wait a couple of minutes at first while project bundles and loads for the first time.
In case you only have either an Iphone or an Android smartphone you are able to use simulators, which will allow you to work on both platforms with ease. To use the simulators you first need to download Android Studio and Xcode (from the app store).
Warning: If you are using Windows as an operating system you will not be able to download Xcode (due to Apple’s restrictions).
For detailed instructions on how to get the simulator up and running for Android please click here.
To start the simulator for Iphone please click here for steps in how to do so.
Simply download a TopAlbums.apk file from here an install it on your device.
- User authorization and authentication.
- Advanced search
- Integration with other API's
Distributed under the MIT License. See LICENSE.txt for more information.
@lukaszkus
LinkedIn: https://www.linkedin.com/in/lukasz-kus
e-mail: lukasz.kus84@outlook.com
Project link: https://github.com/lukaszkus/react-native-music-app