Skip to content

Music Player Practice This is a responsive music player web application with several features including song search, favorites, repeat, and more. The project is built using HTML, CSS, and JavaScript, and it's inspired by a Spotify redesign UI kit.

Notifications You must be signed in to change notification settings

arianimmen/Music-Player-Practice

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

25 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Music Player Practice

This is a responsive music player web application with several features including song search, favorites, repeat, and more. The project is built using HTML, CSS, and JavaScript, and it's inspired by a Spotify redesign UI kit.

Live Demo

Check out the live version of the application here.

Screenshots

Screenshot from 2024-09-03 20-30-23

Screenshot from 2024-08-31 19-38-01

Features

  • Responsive Design: The music player is fully responsive, providing a seamless experience across devices.
  • Song Search: Search for songs easily using the built-in search feature.
  • Favorites: Add your favorite songs to a dedicated favorites list for easy access.
  • Repeat Functionality: Loop songs with the repeat function to listen to them endlessly.
  • Play/Pause/Skip: Control playback with standard play, pause, and skip options.
  • Volume Control: Adjust the volume to your preference directly within the player.

Technologies Used

  • HTML: For the structure of the application.
  • CSS: For styling and making the application responsive.
  • JavaScript: For functionality and interaction within the app.

Design Inspiration

This music player’s design was inspired by a Spotify redesign UI kit available on Figma. You can view the original design here.

How to Run the Project Locally

  1. Clone this repository:

    git clone https://github.com/arianimmen/Music-Player-Practice.git

  2. Navigate to the project directory:

    cd Music-Player-Practice

  3. Open the index.html file in your browser to view the application.

Contributions

Contributions are welcome! If you would like to contribute, please fork the repository and create a pull request.

Acknowledgements

About

Music Player Practice This is a responsive music player web application with several features including song search, favorites, repeat, and more. The project is built using HTML, CSS, and JavaScript, and it's inspired by a Spotify redesign UI kit.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published