Show user top items with Spotify API

by Vue.js Examples

Statify

Display user top artist and playlist with data from Spotify API.

Demo here

note: this website in development mode from spotify, which mean need invitation via email to login and work properly

Preview

Setup Your Own

Setup Spotify for Developer

  • Login into Spotify for Developer
  • Create an App
  • In App click Edit Settings
  • In Redirect URI add your.url/callback, example: http://127.0.0.1:8000/callback

Setup Website

  • Git clone this repo
  • run npm install
  • copy .env.example to .env
  • In .env set VITE_CLIENT_ID, VITE_REDIRECT_URI & VITE_CLIENT_SECRET with client_id, client_secret & redirect URI from Spotify for Developer
  • run npm run dev or npm run build
  • that’s it

Tech

GitHub

View Github