https://github.com/dickeyy/spotinder

Tinder but for Spotify songs
https://github.com/dickeyy/spotinder

javascript music react reactjs spotify spotify-api spotify-web-api tinder

Last synced: 5 days ago
JSON representation

Tinder but for Spotify songs

• Host: GitHub
• URL: https://github.com/dickeyy/spotinder
• Owner: dickeyy
• License: apache-2.0
• Created: 2022-06-15T12:59:12.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-06-24T08:23:49.000Z (over 2 years ago)
• Last Synced: 2024-11-07T16:19:05.597Z (about 2 months ago)
• Topics: javascript, music, react, reactjs, spotify, spotify-api, spotify-web-api, tinder
• Language: JavaScript
• Homepage: https://spotinder.dickey.gg
• Size: 363 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Spotinder

Its like Tinder but instead of dates, you get to add new songs to your playlists.

## How to use it

`1.` Start by going to the [Website Here](https://spotinder.dickey.gg) 


`2.` Next, click the "Login to Spoify" button 


`3.` Then, choose the genre you want to be recommended for this session 


`4.` After that, choose the playlist you want your liked songs to be added to 


`5.` Finally, start listening! 





You will be recomended random songs based off the genre you selected. Any songs that you click the ❤️ button on will be automatically added to your playlist that you selected.







## To select a new genre / playlist

Simply click the 'Reset' button on the bottom of the screen and login again. If you refresh the page, you will be prompted to select a genre and playlist again, however it may not change properly.







## To run the website locally

`1.` Clone the repository to your local machine 


`2.` Open up `../website/src/App.js` 


`3.` Go to [Spotify's Developer Portal](https://developer.spotify.com/dashboard) and create a Spotify app 


`4.` Copy your `Client ID` and replace `YOUR_CLIENT_ID` on line 15 of `../website/src/App.js` 


`5.` Open a terminal at the website direcory (`../website`) 


`6.` Run `npm i` 


`7.` After all the packages install, run `npm start` 





After step 7, a development server will be opened on your machine and you can follow the **How to use it** section for more directions.