Spotify Clone using React

  • Delete files that aren’t needed:
  • Delete everything inside the header in App.js, print a simple <h> tag and remove import Logo at the top. Also in the <div> className, change ‘App” to ‘app’ to follow the BEM convention.
  • Delete everything in App.css
  • In index.css, add this line of code to remove the margin that is in React:
* {margin: 0;}
  • Run ‘npm start’ to make sure that your app is set up correctly, at this point you should see whatever is in your <h> tag in App.js.

Set up Spotify for Developers

Spotify Developer
Spotify Developer

Login Functionality

Login.js
spotify.js
App.js
npm i spotify-web-api-js
const [{ user, token }, dispatch] = useStateProviderValue()
App.js and reducer.js
StateProvider.js
index.js
App.js
token
reducer.js

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store