This is a web based music player built using JavaScript and Vue.js that plays songs provided by the Node.js server. The project was created in secondary school.
Table of Contents
Explore the live demo of the webplayer website.
To get a copy of this project up and running on your local machine, follow these steps:
- Clone the repository:
git clone https://github.com/piechnikk/webplayer.git
- Navigate to the server directory:
cd webplayer/SERVER
- Install the server dependencies:
npm install
- Run the Node.js server:
npm start
- Open another terminal and navigate to the client directory:
cd webplayer/CLIENT
- Install the server dependencies and fix vulnerabilities:
npm install
npm audit fix --force
- Run the Vue.js development server:
npm run serve
Open your preferred web browser and navigate to http://localhost:8080 to access the running application. You can add songs to your playlist by clicking on the plus next to the song.
To upload your mp3 files to the server navigate to http://localhost:3000/admin and drop your files. To add the album cover you need to add cover.jpg image to the album folder. Name of the album folder is displayed as the album name in webplayer.
-
Server
-
Client
- Server
- Client
Note: This project was created in secondary school and serves as an example of a Vue.js app.