spotify-songsterr-tabs

Live preview

This app integrate two APIs. First, it fetches user privte data from Spotify, then looks at Songsterr if tabs for given song exist. It is necessary for user to login with his Spotify account and allow app to fetch his private data. App asks for access for following Spotify scopes:

• user-read-recently-played
• user-top-read
• user-library-read
• playlist-read-private

After successful login, app shows user his tracks and playlists and display guitar tuning, if those songs have according tabs.

STACK:

• bundler: Webpack
• language: TypeScript
• frontend library: React
• styles: Material ui
• backend framework: Express
• User authorzation: Spotify Auth with OAuth 2.0 protocol
• APIs:
  • Spotify Web API
  • Songsterr