🎵 Blastify 🎵

Blastify is a Mac OS like UI used to display your Spotify data (Built-In Light☀️/Dark🌙 theme)

The dock contains your top 10 artists and the desktop your top 50 tracks.

Clicking on any tracks will play it on your spotify
*-------* on a playlist/album will display a list of tracks
*-------* on an artist will display his top tracks and on the next page his albums

Built with

• 
• 
• 

Installation

1. Create a new App in the Spotify Dashboard (https://developer.spotify.com/dashboard/applications). You only need to specify the redirect URI and then get the Client ID of the App.
2. Clone the repo

git clone https://github.com/YungBricoCoop/blastify.git
cd blastify

3. Install the dependencies

npm install

4. Create a constants folder containing a contstants.js file in the src folder (src/constants/constants.js) :

const constants = {

    CLIENT_ID: 'YOUR_SPOTIFY_CLIENT_ID',
    REDIRECT_URI: 'http://your_redirect_url',
    SCOPES: 'user-modify-playback-state user-read-playback-state user-read-currently-playing user-read-recently-played user-read-playback-position user-top-read playlist-read-collaborative playlist-read-private playlist-modify-private app-remote-control streaming user-library-read',
    RESPONSE_TYPE: 'token',
    AUTH_URL: 'https://accounts.spotify.com/authorize',
    API_URL: 'https://api.spotify.com/v1',
}

export default constants;

Run

npm start

Screenshots

--- Artist top tracks ---

--- Artist albums ---

--- Album ---

--- Playlist ---