Project Overview

A react-based Spotify UI clone application using Spotify APIs for

• authentication
• User details
• getting playlists
• getting personal discover weekly

Note: Search results are pre-loaded in src > utils > data.json for development purpose. For real-time results follow the below steps

Demo

Project Setup

Clone the project

---

git clone https://github.com/dineshnadimpalli/React-Spotify-UI-Clone.git



Install Dependencies

---

Enter the project directory and do

npm install (or) npm i



Run the application

---

npm start

This will run the project in http://localhost:3000



Create a Spotify Application

---

Follow this guide https://developer.spotify.com/documentation/general/guides/app-settings to create a spotify application in developer.spotify.com for using Spotify APIs



Edit Settings

---

Click on Edit settings in your Spotify application and set redirect url as http://localhost:3000 also copy the Client ID and paste it in the src > utils > spotify.js



One Last Step

---

Finally, modify the code in the src > utils > spotify.js and src > App.js accordingly and you are code is ready for launch 🚀

---

Happy Coding... 👨🏻‍💻✌️

Resource Links

• https://developer.spotify.com/documentation/web-playback-sdk/quick-start/
• https://developer.spotify.com/documentation/general/guides/scopes/