Skip to content

This is a Music Player web application built using HTML, CSS, and JavaScript. It features a disc rotating animation, neumorphism effect, and a clean UI interface.

Notifications You must be signed in to change notification settings

mdsahban/music-player

Repository files navigation

Music Player Web App

This is a Music Player web application built using HTML, CSS, and JavaScript. It features a disc rotating animation, neumorphism effect, and a clean UI interface. The app includes essential music player functionalities such as play, pause, next/previous songs, like song, and set repeat song.

Features

  • Play/Pause: Control the playback of the current song.
  • Next/Previous: Navigate between songs Button.
  • Like Song: Mark a song as liked or favorite.
  • Repeat Song: Set the player to repeat the current song.
  • Neumorphism Effect: Modern and sleek UI design with neumorphism styling.
  • Disc Rotating Animation: Visual feedback for the playing song with a rotating disc animation.

Lessons Learned

  • Neumorphism Design: Implementing neumorphism design principles to create a modern and visually appealing UI.
  • CSS Animations: Creating smooth and engaging animations using CSS keyframes.
  • JavaScript DOM Manipulation: Dynamically updating the UI and handling user interactions with JavaScript.
  • Audio API: Utilizing the Web Audio API for controlling audio playback and managing the playlist.

Screenshots

App Screenshot

Demo

Live Demo

License

MIT

Authors

About

This is a Music Player web application built using HTML, CSS, and JavaScript. It features a disc rotating animation, neumorphism effect, and a clean UI interface.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published