All Projects → microeinhundert → music-app-electron

microeinhundert / music-app-electron

Licence: other
Music-Streaming app built with Electron, Webpack, Vue.js, Vuex and the Spotify api.

Programming Languages

Vue
7211 projects
javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to music-app-electron

Electrode
Web applications with node.js and React
Stars: ✭ 2,033 (+2647.3%)
Mutual labels:  universal, web-app
Todomvc
Nuxt.js TodoMVC Example
Stars: ✭ 136 (+83.78%)
Mutual labels:  universal, web-app
Hackernews
HackerNews clone built with Nuxt.js
Stars: ✭ 758 (+924.32%)
Mutual labels:  universal, web-app
ult
The Ultimate Dev Stack
Stars: ✭ 54 (-27.03%)
Mutual labels:  universal, desktop
Mellowplayer
Moved to gitlab
Stars: ✭ 235 (+217.57%)
Mutual labels:  spotify, desktop
Monstercat Visualizer
A real time audio visualizer for Rainmeter similar to the ones used in the Monstercat videos.
Stars: ✭ 571 (+671.62%)
Mutual labels:  spotify, desktop
Nuxt.js
The Intuitive Vue(2) Framework
Stars: ✭ 38,986 (+52583.78%)
Mutual labels:  universal, web-app
Pause On Lock
Pause/Resume your music player when locking/unlocking your Linux desktop.
Stars: ✭ 79 (+6.76%)
Mutual labels:  spotify, desktop
muffon
Music streaming browser
Stars: ✭ 491 (+563.51%)
Mutual labels:  spotify, music-streaming
keep-desktop
Google Keep Dark: Desktop application for Windows, Mac and Linux with Dark Theme.
Stars: ✭ 42 (-43.24%)
Mutual labels:  web-app, desktop
ValliStart
A start menu to replace the un-customizable one that you have right now.
Stars: ✭ 89 (+20.27%)
Mutual labels:  desktop
ModularPlayers
Modular desktop media widget
Stars: ✭ 28 (-62.16%)
Mutual labels:  desktop
hello-libui
Hello World application using libui from maven repository
Stars: ✭ 17 (-77.03%)
Mutual labels:  desktop
react-isomorphic-bundle
React Redux Universal (isomorphic) bundle
Stars: ✭ 53 (-28.38%)
Mutual labels:  universal
reactjs-portfolio
Welcome to my portfolio react.js repository page.
Stars: ✭ 109 (+47.3%)
Mutual labels:  web-app
Spotify-Podcast-Feed
A service which provides Spotify podcast as RSS feed, which can be subscribed in any podcast app.
Stars: ✭ 16 (-78.38%)
Mutual labels:  spotify
react-flux-gulp-starter
A universal boilerplate for building React/Flux apps using Gulp and ES6.
Stars: ✭ 46 (-37.84%)
Mutual labels:  universal
Swiftly
Swiftly is an easy to use Qt/C++ web framework
Stars: ✭ 20 (-72.97%)
Mutual labels:  web-app
FCommunity
multi Checkers (Hma/Hulu/Spotify/Call of duty/Instagram/smtp2go/VyprVpn) in One Tool Named FCommunity
Stars: ✭ 26 (-64.86%)
Mutual labels:  spotify
docker-rcon-web-admin
A Docker image that runs rcon-web-admin
Stars: ✭ 34 (-54.05%)
Mutual labels:  web-app

music-app-electron [OUTDATED, use non electron version instead]

Music-Streaming app built with Electron, Webpack, Vue.js, Vuex and the Spotify api.

Showcase Showcase

How to setup dev environment

# clone this repository
git clone https://github.com/microeinhundert/music-app-electron

# go into project folder
cd music-app-electron

# install dependencies
npm i

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

Setup Spotify API

While in development you have to set your access token manually.

Go to https://developer.spotify.com/web-api/console/post-next/ and click on "GET OAUTH TOKEN". Next grant the app all permissions, it needs them for getting your playlists and control your playback. After you got your access token go to "music-app-electron/src/renderer/api/index.js" and insert it on line 8. That's it, now you can start the app by typing "npm run dev" in your console.

Remember to repeat the above steps every 60 minutes to prevent your access token from expiring. For now these steps are necessary until an automatic auth process will be implemented in the future.

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].