Musify - User Manual

User Manual for Musify

Click here for Musify app.

You should not use it for commercial purposes.

This is a small introduction to my code so-that you will get to know all the features and uses of it. You don't have to read this. It is just a documentation for my code, like how it works. Browsers Don't run this well, So I recommend to use the mobile app.

It will be better if you have a

A Good Phone.
A Good Internet Connection

As soon as you run the code, you will see a loading screen which may not last for over 20 seconds. That will look like this.
And as soon as the loading finishes, the home screen will be displayed. Home screen looks like this.
Home Screen

All the controls!

Play: You can click on to play the song.
Note that any song already playing will be stopped.
Pause: You can click on to pause the song.
Like: You can click on to like the song.
Unlike: You can click on to unlike the song if you have liked it before.
Settings: You can click on to access the setting menu.

Settings menu looks like this where you can change the theme of this web app.

You can return home by clicking on
To play a song in full-screen, you should click on the song name. For instance, take the song "Let Me Love You". Here, You should click on the song name which is Let Me Love You
Now, the song plays in full screen which looks like the given picture below.
Note that any song playing in the background will be stopped.

You should click on the to play the previous song.
And should click on to play the next song.
You can click on to pause the song and to play the song again.
You can return home by clicking on
Note that song will not be stopped or paused when returning to home screen. So, you can happily come back and browse through songs.

Search Screen

As soon as you click on the search on the footer, search screen will be displayed which looks like this.

After clicking on , You will see an input bar and the search button.
You can search any songs which are in the app by typing it in the input box
As soon as the input value matches any song, the song will be displayed
For instance, type "L" to see songs related to that value
Now, you can click on any song to play. Hurray! now you can go to home screen. Note that any song playing in the background will be stopped.

Liked Songs

After clicking on "Liked Songs" button on footer, Liked Songs appear.
Same controls of Home Screen are followed.
You can click on to remove the song from Liked Songs. This will unlike the song.

All Themes

Summing Up

🌟 All the Features 🌟

You can:

Play/Pause the song.
Like/Unlike the song.
Change the themes.
View any song in full screen.
Plays next song automatically after a song is ended.
Add your own songs.
Search any song.

Update 1.1

Added the progress bar.

The cursor can be moved throughout the song. But the song should be loaded completely

Added the guides.

Ignore this type of errors 👇

These occur due to problems in network connecting.