This is a simple Music Player application that allows users to play songs, create playlists, and switch between light and dark themes. It includes functionalities for filtering songs by genre, managing playlists, and displaying song information.
- Play Music: Users can play songs from a list of available tracks.
- Filter by Genre: Users can filter songs by different genres such as Pop, Rock, Hip-Hop, and Jazz.
- Create Playlists: Users can create custom playlists and add songs to them.
- Theme Toggle: Users can switch between light and dark themes.
- Display Song Information: Shows the current song's image, name, artist, and allows control over playback (play/pause, next, previous).
- Typing Speed Test: Included as an additional feature to test typing speed and accuracy.
music-player-app/
│ ├── index.html # Main HTML file
├── styles.css # CSS file for styling
├── script.js # JavaScript file for functionality
├── images/ # Folder containing images │ ├── song1.jpg │ ├── song2.jpg │ └── ...
├── music/ # Folder containing music files │ ├── song1.mp3 │ ├── song2.mp3 │ └── ...
└── README.md # This README file
- A modern web browser
- Clone the repository:
git clone https://github.com/your-username/music-player-app.git
cd music-player-app
Running the App
Open index.html in your web browser.
Usage
Start the Music Player: Click on the "Start" button to enable the music player.
Play a Song: Click on any song from the list to play it.
Filter by Genre: Use the genre dropdown to filter songs.
Create a Playlist: Enter a playlist name and click "Create Playlist". Add songs to the playlist by clicking "Add to Playlist".
Switch Theme: Use the "Dark/Light" button to toggle between themes.
Typing Speed Test: Start the test by clicking "Start Test", type the displayed paragraph, and see your speed and accuracy.
Certainly! Here is a README for your Music Player app that you can use for GitHub:
markdown Copy code
This is a simple Music Player application that allows users to play songs, create playlists, and switch between light and dark themes. It includes functionalities for filtering songs by genre, managing playlists, and displaying song information.
- Play Music: Users can play songs from a list of available tracks.
- Filter by Genre: Users can filter songs by different genres such as Pop, Rock, Hip-Hop, and Jazz.
- Create Playlists: Users can create custom playlists and add songs to them.
- Theme Toggle: Users can switch between light and dark themes.
- Display Song Information: Shows the current song's image, name, artist, and allows control over playback (play/pause, next, previous).
- Typing Speed Test: Included as an additional feature to test typing speed and accuracy.
music-player-app/ │ ├── index.html # Main HTML file ├── styles.css # CSS file for styling ├── script.js # JavaScript file for functionality ├── images/ # Folder containing images │ ├── song1.jpg │ ├── song2.jpg │ └── ... ├── music/ # Folder containing music files │ ├── song1.mp3 │ ├── song2.mp3 │ └── ... └── README.md # This README file
shell Copy code
- A modern web browser
- Clone the repository:
git clone https://github.com/your-username/music-player-app.git
Navigate to the project directory: bash Copy code cd music-player-app Running the App Open index.html in your web browser. Usage Start the Music Player: Click on the "Start" button to enable the music player. Play a Song: Click on any song from the list to play it. Filter by Genre: Use the genre dropdown to filter songs. Create a Playlist: Enter a playlist name and click "Create Playlist". Add songs to the playlist by clicking "Add to Playlist". Switch Theme: Use the "Dark/Light" button to toggle between themes. Typing Speed Test: Start the test by clicking "Start Test", type the displayed paragraph, and see your speed and accuracy. Screenshots
Built With HTML CSS JavaScript
Contributing
Fork the repository.
Create a new branch (git checkout -b feature-branch).
Make your changes.
Commit your changes (git commit -m 'Add some feature').
Push to the branch (git push origin feature-branch).
Open a pull request.
License This project is licensed under the MIT License - see the LICENSE file for details.