jannikw / toolbox-for-spotify

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Toolbox for Spotify

This is a web app that allows some management of spotify playlists. All processing is performed 100% on client-side, there is no backend besides the spotify web api itself. First authenticate with your spotify account so the web app has an api token and all the required permissions. Then specify where your songs come frame and by which criteria they should be filtered. Complex filters with nested expressions are fully supported:

(artist = "peter" AND year > 1990)
OR artist = "otto" 
OR (NOT artist = "otto" AND title = "great song" AND "album" = "great album")

After processing the songs and applying the filters the results can be viewed. For fine tuning single songs can be removed from the results.

Finally the songs can be saved to your own library, a new playlist or any of your existing playlists. Have fun! :)

Test live at: https://dohack.tobi.re/

Project setup

npm install

Foundation for the app are vue and the helpers vuex and vue-router. The interface is made using Bootstrap and FontAwesome. For the interaction with spotify the module spotify-web-api-js is needed. Some more libraries are being used for parsing the filter expressions and some other things.

Compiles and hot-reload for development

npm run serve

Run and navigate to localhost:8080and try out the app.

About


Languages

Language:TypeScript 53.6%Language:Vue 44.8%Language:HTML 1.4%Language:JavaScript 0.2%