https://github.com/wzalazar/spotify
Spotify - GraphiteJS
https://github.com/wzalazar/spotify
graphitejs graphql nextjs nodejs react redux redux-observable spotify
Last synced: about 1 year ago
JSON representation
Spotify - GraphiteJS
- Host: GitHub
- URL: https://github.com/wzalazar/spotify
- Owner: wzalazar
- License: mit
- Created: 2017-06-27T18:11:01.000Z (almost 9 years ago)
- Default Branch: master
- Last Pushed: 2024-10-25T16:29:42.000Z (over 1 year ago)
- Last Synced: 2024-11-24T20:59:58.011Z (over 1 year ago)
- Topics: graphitejs, graphql, nextjs, nodejs, react, redux, redux-observable, spotify
- Language: JavaScript
- Homepage: https://spotify-demo.now.sh/
- Size: 3.31 MB
- Stars: 21
- Watchers: 1
- Forks: 5
- Open Issues: 46
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
[](https://deploy.now.sh/?repo=https://github.com/wzalazar/spotify/tree/master)
# 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](https://github.com/wzalazar/spotify):
Install it and run:
```bash
npm install
npm run start:dev
```
```bash
yarn
yarn start:dev
```
**URL default http://localhost:3000**
## Demo
Latest deploy [view](https://spotify-graphitejs-scbvotbkhb.now.sh)
## Stack technology
1. NextJS [View](https://github.com/zeit/next.js/)
2. React [View](https://github.com/facebook/react)
3. Redux [View](https://github.com/reactjs/redux)
4. Redux Observable [View](https://github.com/redux-observable/redux-observable)
4. GraphiteJS [View](https://github.com/graphitejs/graphitejs)
## Architecture
The design the architecture is [here](https://github.com/wzalazar/spotify/blob/master/.uml/architecture.png)
## Commands
```bash
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](https://spotify-graphitejs-scbvotbkhb.now.sh/graphiql)
### Queries
```bash
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
```bash
{
"artist": "Shakira",
"album": "show",
"track": "Hi",
"albumId": "2cWBwpqMsDJC1ZUwz813lo"
}
```
Deploy it to the cloud with [now](https://zeit.co/now) ([download](https://zeit.co/download))
```bash
now
```
## License
[MIT](https://github.com/babel/babel/blob/master/LICENSE)