Skip to content

GeeGne/Music-Player-App-Vanilla-JS

Repository files navigation

Music App

About

Project goal is to have a fully working music app.

This project is semi-finished.

This Project is created with Pure Vinalla JS! Large project no problem! Vanilla JS Can handle anything <33

What's working:

  1. Home tab (50% finished)
  2. All Songs tab
  3. Favourites tab
  4. Artists tab
  5. Playlists tab
  6. Audio tape with all the functionality (Heart, Shuffle, Repeat, Pause, Play, Play next, Play previous)
  7. Create a new playlist OR Add to a playlist

What's NOT working:

  1. Settings Button and Search input
  2. Album tab
  3. User Data will not store (everything Refresh when toggling between the screens)

Project Setup

open Terminal

cd ==> to the Music app file location

npm install

npm run dev

add your own Music

open music player app folder => then open Data folder => there are two JSON files:

  • samples.JSON: here you can add more music by copying the object of each sample and fill it with the details of the music you want to add, make sure to put Audio, Cover in the right directory
  • Artists.JSON: here you can add the details about the artist information of the music, artist Cover(optional) and the artist name(needed)