🔰 Overview
Hello! 👋
My name is Itish Srivastava
and this is my first small project, a rather simple music player made using
Frontend-Development-Technologies
.
My project exclusively plays songs by my favourite artist, NFRealMusic
.
I have provided the code for my project, and have also listed the Tech Stack
involved in my project.
As I have used CSS
for the first time, while only having some very basic knowledge of the language, I had to utilize some very non-conventional means to make my player look the way it does.
I learned the language while simutaniously working on this small project of mine.
I wouldn't recommend you to do the same if you find it difficult to pick up a new language, rather get to know a decent bit of CSS
before starting with this project.
-
My GitHub profile:
Get to know me!
-
GeeksForGeeks:
How to make a Music Player?
-
My Project List:
Check out my project list!
Keep in mind that you can use Wamp
to host your project without much of an issue.
Make sure to read 📣 Note
, later in the README.md
, as I have mentioned a handful of points regarding this project.
Checkout 📸 Gallery
, later in the README.md
, to see the project structure within your IDE
.
⏯️ Preview
Click on the
{
⏯️
}
in order to try out the music player.
🏹 Tech Stack (Frontend+Backend)
- JavaScript (For Logic & interactivity and some jQuery too)
- HTML (For Structure)
- CSS (For Design and animation)
- Wamp (For initial LocalHost run)
- Canva (Embed Live Option)
Click on the
{
🏹
}
in order to get redirected towards the main repository directory which contains the coding portion for the music player.
- The Music Player isn't API based, therefore you will need to either manually add the songs (a folder) in your project directory or use .mp3 links.
- You will need to host your project on a server (when locally stored), like Wamp Server because, for security reasons, your browser wouldn't access your local files.
- The webpage isn't responsive, meaning that it will not automatically resize itself according to the device you are using, in conclusion, looking at the final product on laptop/desktop will be different from looking at in on mobile phone.
- Under section 107 of the Copyright Act 1976, allowance is made for "fair use" for purposes such as criticism, comment, teaching, education, scholarship and research. Fair use is a use permitted by the copyright statute that might otherwise be infringing. Non-profit, educational or personal use tips the balance in favour of fair use.
📸 Gallery
Click on the
{
📸
}
to check out the gallery folder containing the above pictures.