All Projects → wzalazar → spotify

wzalazar / spotify

Licence: MIT license
Spotify - GraphiteJS

Programming Languages

javascript
184084 projects - #8 most used programming language
CSS
56736 projects
Dockerfile
14818 projects

Projects that are alternatives of or similar to spotify

youtube-or-pornhub
Service identification on ciphered traffic.
Stars: ✭ 26 (+18.18%)
Mutual labels:  spotify
ADios
ADBlocker - Block ADS on Twitch, Spotify and EVERYWHERE via the HOST File, PI-Hole, Adblocker Add-on, DNSMasq, Response Policy Zone and Adguard Services. - ADios ADS !
Stars: ✭ 73 (+231.82%)
Mutual labels:  spotify
Lyricify-App
A fantastic app to provide auto-scrolling lyrics for Spotify, iTunes, Music Center, QQ Music, Netease Cloud Music, and YesPlayMusic. 一款为Spotify、iTunes、Music Center、QQ音乐、网易云音乐、YesPlayMusic提供滚动歌词的软件。
Stars: ✭ 486 (+2109.09%)
Mutual labels:  spotify
LyricsPyRobot
A Telegram bot for searching lyrics.
Stars: ✭ 29 (+31.82%)
Mutual labels:  spotify
spicetify-hide-podcasts
Spicetify extension to hide podcasts
Stars: ✭ 193 (+777.27%)
Mutual labels:  spotify
worker-auth-providers
worker-auth-providers is an open-source providers to make authentication easy with workers. Very lightweight script which doesn't need a lot of dependencies. Plug it with any framework or template of workers.
Stars: ✭ 85 (+286.36%)
Mutual labels:  spotify
react-native-spotify-remote
React Native wrapper around the Spotify Remote SDK
Stars: ✭ 194 (+781.82%)
Mutual labels:  spotify
bookmarks-for-spotify
"Bookmarks for Spotify" allows you to bookmark recently played song or audiobook tracks from Spotify.
Stars: ✭ 22 (+0%)
Mutual labels:  spotify
data-flow
frontend data flow explored in React
Stars: ✭ 19 (-13.64%)
Mutual labels:  redux-observable
personal-dj
Personal DJ site that creates playlists given custom inputs. View it live at: http://personaldj.net/
Stars: ✭ 27 (+22.73%)
Mutual labels:  spotify
sapfy
Spotify daemon recorder and downloader
Stars: ✭ 55 (+150%)
Mutual labels:  spotify
tmux-plugin-spotify
tmux plugin displaying currently played song on Spotify (linux only)
Stars: ✭ 48 (+118.18%)
Mutual labels:  spotify
now-playing-profile
Originally created by github.com/natemoo-re, a small Spotify widget suitable for your profile! Read the "spotify-setup-guide.md" to get started
Stars: ✭ 32 (+45.45%)
Mutual labels:  spotify
react-workshops
Online react workshops
Stars: ✭ 36 (+63.64%)
Mutual labels:  redux-observable
SpotMusicGen
A Program that creates a Spotify playlist from a YouTube Playlist
Stars: ✭ 47 (+113.64%)
Mutual labels:  spotify
sonos-wejay
Slack integration for a local Sonos system
Stars: ✭ 19 (-13.64%)
Mutual labels:  spotify
noteblock
A open-source music bot based on lavalink.
Stars: ✭ 93 (+322.73%)
Mutual labels:  spotify
webplayer-hotkeys
A Chrome extension that assigns hotkeys to play/pause, and switch musics (next and previous). Works with Spotify, Deezer, SoundCloud and Youtube
Stars: ✭ 16 (-27.27%)
Mutual labels:  spotify
Convertify
iOS: Convert Spotify links to Apple Music and vice versa
Stars: ✭ 27 (+22.73%)
Mutual labels:  spotify
arcomage-hd
Web-based, free and open source, remastered 3D clone of 3DO/NWC's 2000 card game Arcomage. 13 languages. Desktop or mobile Android iOS. Online or offline PWA. Against AI or Multiplayer (w/o server). 🧝👾🃏 (ts+react+redux+rxjs, CSS-based anim, WebRTC)
Stars: ✭ 55 (+150%)
Mutual labels:  redux-observable

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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].