Create README.md

README.md

@@ -0,0 +1,31 @@
+
+# Spotify clone
+Fully functioning Spotify clone app using React Native, TypeScript, Redux Toolkit with background audio playback. Official [Spotify APIs](https://developer.spotify.com/documentation/web-api) are used.
+
+## Features
+- Home Feed
+- Search for Track, Album, Artist, Playlist
+- Background audio playback
+- Cross platform: Android, iOS
+
+## Environment Variables
+To run this project, you will need to add the following environment variables to your .env file
+
+`BASE_64_CLIENT_ID_SECRET`
+
+## Setup
+* Follow [Getting Started](https://developer.spotify.com/documentation/web-api) section to create an app
+* Get Client ID, Client Secret from the project which you created
+* Convert <client_id:client_secret> string to base64. [base64encode.org](https://www.base64encode.org/) can be used to do this
+* Assign the value created from previous step to `BASE_64_CLIENT_ID_SECRET` in .env file
+
+## Demo
+<img src="https://i.ibb.co/GTdRR1n/1.png" width=300/>
+<img src="https://i.ibb.co/V3CTdZs/2.png" width=300/>
+<img src="https://i.ibb.co/TKYspQL/3.png" width=300/>
+<img src="https://i.ibb.co/vhFcB9J/4.png" width=300/>
+<img src="https://i.ibb.co/WxLqfRR/5.png" width=300/>
+<img src="https://i.ibb.co/pP3kvTC/6.png" width=300/>
+<img src="https://i.ibb.co/fdQQSCd/7.png" width=300/>
+<img src="https://i.ibb.co/zsP7nS0/8.png" width=300/>
+<img src="https://i.ibb.co/XVcSbSJ/9.png" width=300/>