ATTENTION: Please visit this demo for the working app.
vue-vaporwave
A Vue-powered Bandcamp-like website for music and information related to the Vaporwave trend. Also act as a good template for a music-playing app.
Features:
Dedicated music player that runs across the router
A music catalog that respond to the music player via two-way binding and vice-versa
An interactive song library
Scalable - UI updates automatically even on massive content expansion
Respond to viewport change - does not break on mobile or tablet view
An automatic loop-based display system for songs that responds to library update
Every song, album and artist has a respective link to their Bandcamp, encouraging visitors to buy their work
Easy integration: this code base acts as a good template to quickly build a good music-playing site. Everything has been automated - integration is as simple as replacing mp3 files and changing the html content into your own.
Build Setup
# install dependencies
npm install
# serve with hot reload at localhost:8080
npm run dev
# build for production with minification
npm run build
# build output file and run with http-server on localhost:8080
npm install http-server -g
npm run build
cd dist
http-server
# build for production and view the bundle analyzer report
npm run build --report