Music App - Add, Play and Control Your Favorite Songs
The Music App is a web application that allows you to add, play, and control your favorite songs. Built with HTML, CSS, and JavaScript, this app provides a user-friendly interface that makes it easy to manage your music library and enjoy your favorite tunes.
With the Music App, you can:
-
Add songs:
The app allows you to add your favorite songs to your music library by simply dragging and dropping them into the app or by clicking the "Add Song" button. You can also add song details like artist name, album name, and song duration to keep your library organized. -
Play songs:
Once you've added your songs to the app, you can easily play them by selecting the song from the playlist. The app provides an intuitive player interface that allows you to play, pause, skip, and rewind your songs. You can also control the position of the soundtrack by dragging the progress bar. -
Control volume:
The app provides a volume control feature that allows you to adjust the volume of the system sound while playing the songs. You can increase or decrease the volume using the slider control. -
Select artist:
The app allows you to select your favorite artist from the dropdown menu at the left panel. Once you select the artist, all the songs of that particular artist shall be displayed on the right panel. -
Customize your settings:
The app allows you to customize your settings according to your preferences. You can change the theme of the app, set up hotkeys for different player controls, and toggle the shuffle and repeat modes.
The Music App is designed to provide you with an enjoyable music listening experience. It is secure, easy to use, and offers a range of features that allow you to manage and control your music library effectively. Whether you want to listen to your favorite songs, discover new music, or create playlists, the Music App is the perfect tool for you.
So, if you are looking for an intuitive and feature-rich music player, try out the Music App today!
Following are some of the new features and learning encountered while creating this amazing project:
- Drag and drop functionality to add songs to the library.
- An intuitive player interface that allows users to play, pause, skip, and rewind songs.
- A progress bar that lets users control the position of the soundtrack.
- A volume control feature that allows users to adjust the volume of the system sound.
- A dropdown menu that allows users to select their favorite artist and display their songs.
- Customizable settings, including the ability to change the app's theme, set hotkeys, and toggle shuffle and repeat modes.
- Built using HTML, CSS, and JavaScript.
- User-friendly interface that is easy to navigate and use.
- Secure and reliable, with no risk of malware or viruses.
- Compatible with most modern web browsers.
- Responsive design that works well on both desktop and mobile devices.
- A clean and organized codebase that is easy to understand and modify.
Follwing resources have been used in maintaining this project:
- Google Fonts to import
Poppins Font Familyinto the project
The Demo of this working project can be found on
rebrand.ly/MusicApp_MABCORP
You can exclusively watch the video on this project from the making to deploying on my channel with the link given below
If you like my video then do Like the Video and share it with others.
Follwing technologies have been used at the core of this application to make it stand in the market place:
- HTML
- CSS
- JavaScript
- Not Responsiveness
The website is deployed using the free hosting provided by Vercel
Later on the link was customized using the well-known URL shortener and customizer **Rebrandly**:
Muhammad Abdullah Butt
abdullahbutt12292210@gmail.com