haseeba393 / songfinder

A music application through which you can search almost all of the music around the globe and can see its official video as well.

Music Finder in React Native CLI

Preview

You can preview the live demo of this repo here:
https://youtu.be/_dK5MDv8uEI
If you like the demo, please hit subscribe and press the bell icon for more demos, tutorials and guidance in React Native.

Installation

You have to perform these steps to successfully run this code on your side.

Setting Up Accout on Rapid API

We will use Shazam API avaiable on Rapid API. Before using the Shazam API we need api key from Rapid API which we can get after signup. Its totally free of cost.

1. Go to this URL https://rapidapi.com/apidojo/api/shazam
2. Press Signup button on top right corner and provide your details
3. After successfully signup, you will be able to test the endpoints on the Shazam API on the browser
4. In the center section of the API documention, you will see X-RapidAPI-KEY, which you need in code
5. Copy the API key and paste it in Search.js and SongResult.js

Setting up code

1. Download or pull this repo on your side
2. Open terminal and navigate to your downloaded folder
3. Run this command npm install inside the folder, to install all required dependencies for Android
4. Run this command cd ios && pod install inside the folder, to install all required dependencies for iOS (only Mac Users)
5. Then setup account Rapid API website by following above given instructions and paste the API key in Search.js and SongResult.js
6. To run the application on Android, run this command react-native run-android
7. To run the application on iOS, run this command react-native run-ios

Introduction

A hybrid mobile application for both Android and iOS through which you can search any music around the World available in Shazam API till now. It is made using React Native CLI and Shazam API (through Rapid API).

Features

Application has following features in it:

1. Search the song by typing
2. See song details
3. See song official video, by clicking on youtube URL on Song Details screen

Message

If you like the repo. Please hit the star. Also if you want more animations, tutorials and help in any other aspect of React Native you can ping me on my Email or onmy Youtube Channel. Happy coding