[go: up one dir, main page]

Skip to content

wzalazar/spotify

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Deploy to now

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**
Command Description
test Run all test
coverage Report coverage the all files. Terminal or folder in .coverage/lcov-report/index.html
lint Linting project
start Run project production, required build
start:dev Run project development
build Generate build

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