/Geet-Music-Player

Introducing a music player, sleek and intuitive web-based music player designed to bring your favorite tunes to life with ease and style.

Primary LanguageJavaScript

Geet Music Player

Description

Introducing a music player, sleek and intuitive web-based music player designed to bring your favorite tunes to life with ease and style. Crafted meticulously using the foundational web technologies HTML, CSS, and JavaScript, It offers a seamless and engaging music listening experience right in your web browser.

At its core, Geet is built to cater to music lovers who appreciate simplicity without sacrificing functionality. The user interface is straightforward, featuring an elegant design that highlights album artwork and song information, ensuring you're always in tune with the music you love. With its responsive design, Geet ensures a consistent experience across all devices, whether you're enjoying music on your desktop, tablet, or mobile phone.

Features

  • Play/Pause Functionality: At the heart of Geet is a robust play/pause feature, allowing you to control your music playback with a simple click. Whether you need to take a quick break or you're ready to dive back into your tunes, Geet responds instantly to your commands.

  • Backward/Forward Controls: Navigate through your playlist effortlessly with it's backward and forward buttons. Whether you're in the mood to revisit a previous song or you're looking forward to discovering your next favorite track, these controls provide you with the power to curate your listening experience on the fly.

Technologies

  • Frontend: Reactjs
  • Styling: TailwindCSS

Getting Started

Prerequisites

  • JavaScript
  • HTML
  • CSS

Installation

  1. Clone the repository: 
    git clone https://github.com/Siddharth-Dagar-25/MusicPlayer
  2. Install dependencies for the app: 
    npm install
  3. Start the app: 
    npm start

Contributing

I welcome any and all contributions! Here are some ways you can get started:

  • Report bugs: If you encounter any bugs, please let us know. Open up an issue and let us know the problem.
  • Contribute code: If you are a developer and want to contribute, follow the instructions below to get started!
  • Suggestions: If you don't want to code but have some awesome ideas, open up an issue explaining some updates or imporvements you would like to see!
  • Documentation: If you see the need for some additional documentation, feel free to add some!

Instructions

  • Fork this repository
  • Clone the forked repository
  • Add your contributions (code or documentation)
  • Commit and push
  • Wait for pull request to be merged