https://github.com/michalbie/music-player

Minimalistic music player proposition made in Vue which downloads music from Node.js server
https://github.com/michalbie/music-player

design music music-player node nodejs proposition responisve responsive-design vue vue-cli vuejs website

Last synced: 24 days ago
JSON representation

Minimalistic music player proposition made in Vue which downloads music from Node.js server

• Host: GitHub
• URL: https://github.com/michalbie/music-player
• Owner: michalbie
• License: mit
• Created: 2021-03-11T12:53:19.000Z (almost 4 years ago)
• Default Branch: master
• Last Pushed: 2021-06-04T18:32:10.000Z (over 3 years ago)
• Last Synced: 2023-11-13T15:40:00.180Z (about 1 year ago)
• Topics: design, music, music-player, node, nodejs, proposition, responisve, responsive-design, vue, vue-cli, vuejs, website
• Language: Vue
• Homepage: https://music-player-michalbie.vercel.app/
• Size: 105 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Music-Player · ![GitHub](https://img.shields.io/github/license/michalbie/Music-Player) [![Language grade: JavaScript](https://img.shields.io/lgtm/grade/javascript/g/michalbie/Music-Player.svg?logo=lgtm&logoWidth=18)](https://lgtm.com/projects/g/michalbie/Music-Player/context:javascript)

Minimalistic music player proposition made in Vue.js which downloads music from Node.js server. Check out live: https://music-player-michalbie.vercel.app.

If you want to see server side of this project go to https://github.com/michalbie/Music-Player-Server

## Technologies used

        

## App look

![Desktop](assets/screenshots/desktop1.PNG "Desktop")

![Mobile](assets/screenshots/mobile1.PNG "Mobile")

## Main features

* Responsiveness

* Minimalistic design

* Playlist functionality

* Buttons to control music

* Label with size of the track and its album name

## Contribution

If you want to contribute, please create new pull request or open an issue. Copy my .editorconfig file and follow rules from this link [Style Guide](https://github.com/bevacqua/js 

"bavacqua style guide").

## Project setup

```

npm install

```

### Compiles and hot-reloads for development

```

npm run serve

```

### Compiles and minifies for production

```

npm run build

```