Spotify GraphiteJS

Example with GraphiteJS, framework graphql. In this example, you will able to search an artist, select artist, select album, and play the preview track.

How to use

Download the example or clone the repo:

Install it and run:

npm install
npm run start:dev

yarn
yarn start:dev

URL default http://localhost:3000

Demo

Latest deploy view

Stack technology

1. NextJS View
2. React View
3. Redux View
4. Redux Observable View
5. GraphiteJS View

Architecture

The design the architecture is here

Commands

yarn **command**

GraphQl

Can you check the graphiql

Queries

query getArtist($artist: String!) {
    artist(name: $artist) {
        _id
        name
    }
}

query getAlbum($album: String!) {
    album(name: $album) {
        _id
        name
    }
}

query getTrack($track: String!) {
    track(name: $track) {
        _id
        name
    }
}

query getTracksByAlbum($albumId: String!) {
    tracksByAlbumId(id: $albumId) {
        _id
        name
    }
}

Variables

{
  "artist": "Shakira",
  "album": "show",
  "track": "Hi",
  "albumId": "2cWBwpqMsDJC1ZUwz813lo"
}

Deploy it to the cloud with now (download)

now

License

MIT