Giter Club home page Giter Club logo

spotify-box's Introduction

spotify-box

๐ŸŽง Update a pinned gist to show your top Spotify tracks/artists


๐Ÿ“Œโœจ For more pinned-gist projects like this one, check out: https://github.com/matchai/awesome-pinned-gists

Setup

Prep work

GitHub

  1. Create a new public GitHub Gist. (https://gist.github.com/)
  2. Create an access token with the gist scope and copy it. (https://github.com/settings/tokens/new)

Spotify

  1. Go to the Spotify Developer Dashboard and log in. (https://developer.spotify.com/dashboard/)

  2. Create an app with a name and description.

  3. Copy the Client ID and Client secret.

  4. Click on edit settings and add http://localhost:5000/ as a redirect URI.

  5. In your browser enter this URL and replace <client_id> in this url:

    https://accounts.spotify.com/authorize?client_id=<client_id>
    &response_type=code&redirect_uri=http://localhost:5000/
    &scope=user-top-read%20user-read-recently-played
    
  6. After this you should see an url like this in your address bar: http://localhost:5000/?code=<code>. Copy this code query parameter.

  7. Use this website to generate a base 64 string of the form client_id:client_secret. (https://www.base64encode.org/)

  8. In a terminal, run the following command and use the base 64 encoded string and code from the previous steps.

    curl -H "Authorization: Basic <base 64 str>" -d grant_type=authorization_code -d code=<code> 
    -d redirect_uri=http://localhost:5000/ https://accounts.spotify.com/api/token 
  9. A JSON response containing a refresh_token will be returned. Copy this value.

Project setup

  1. Fork this repo
  2. Go to the repo Settings > Secrets
  3. Add the following environment variables:
    • GH_TOKEN: The GitHub access token generated above.
    • GIST_ID: The ID portion from your gist url: https://gist.github.com/Aveek-Saha/8335e85451541072dd25fda601129f7d.
    • CLIENT_ID: Your Spotify client_id.
    • CLIENT_SECRET: Your Spotify client_secret.
    • REFRESH_TOKEN: The refresh_token generated.
    • TYPE: The type of data generated on the gist. Can be one of top_tracks, top_artists or recently_played.
    • TIME_RANGE: The time frame for computing top_tracks or top_artists. Can be one of long_term, medium_term or short_term.

Credits

This code was inspired by @matchai's bird-box.

spotify-box's People

Contributors

aveek-saha avatar hephaest avatar willy-jl avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.