APIs: Spotify and Genuis Backend is hosted on Heroku and Frontend is to be hosted on GitHub Pages
Anytime you listen to a song on Spotify and you want to see its samples, click the "See Samples Below" button. You will be met with the songs that are sampled into the song, or were sampled by another song, or were interpolations/remix/cover of another song. You get the option to click and play those samples on the app allowing you to experience new music and enjoy the engineering behind the music you listen to.
- make sure you have node.js installed (https://nodejs.org/en/)
- git clone this repo
- create a .env file in the root directory (same directory as the gitignore)
- go to spotify developer and create an app
- copy your client id and paste it in the .env file with a variable name
CLIENT_ID - go to genius api website, create an app with the website url/redirect uri as http://locahlost:3000
- copy the client secret and paste in the .env file with a variable name
API_KEY
- from the terminal, cd into the client and the server folder to run
npm install- this installs all dependencies. - from the terminal, cd into the server folder, run
npm run devStart - from the terminal, cd into the client folder and run
npm startto begin the app (will run on http://localhost:3000)
Will require having a Spotify account.
The app will ask you to sign in to Spotify and you can then search a song you want to listen to. Once you play that song, click on "Show Samples Below" button and the samples should show up on the page and you can then play them. You can click the same button "Hide Samples" to not display the Samples.
Inspired by: Web Dev Simplified (Engineer/YouTuber)