puglyfe/beatport-spotify-sync-admin

beatport-spotify-sync-admin

Welcome to the most niche app of all time.

View playlist on Spotify

beatport-spotify-sync

This app allows me manage my playlist that is auto-populated with purchases from Beatport. This helps me address 2 specific situations:

1. An incorrect version of a track was added (Radio Mix, radio show, incorrect remix, etc.)
2. A track was unable to be located via the Spotify API (artist name formatting, different release date, etc.)

Getting Started

First, run the development server:

npm run dev

Open http://localhost:3000 with your browser to see the result.

Architecture

flowchart LR
  subgraph app[beatport-spotify-sync-admin]
    direction LR

    subgraph playlist [Spotify Playlist]
      playlistContainer[Playlist Container]-->playlistTracks[Playlist Tracks]
    end

    subgraph db [Firebase]
      orphansContainer[Orphans Container]-->orphansList[Orphans List]
    end

    subgraph search [Spotify Search]
      direction TB
      searchContainer[Search Container]<-->searchForm[Search Form]
      searchContainer-->searchResults[Search Results]
    end

    subgraph api [API]
      authApi["Auth"]
      spotifyApi["Spotify"]
      firebaseApi["Firebase"]
    end
  end

  playlistContainer<--->spotifyApi
  orphansContainer<--->firebaseApi
  orphansContainer<--->spotifyApi
  orphansContainer--->search
  playlistContainer--->search
  spotifyApi-- device_id, context, uri -->spotifyPlayer
  searchContainer<--->spotifyApi

  spotifyPlayer["Spotify App"]