Skip to content

aladdinalizada/Music-player

Repository files navigation

React Music Player with useContext Hook

A simple and elegant music player built with React, leveraging the power of the useContext hook for state management. This project provides a clean and intuitive user interface for playing your favorite tunes.

Features

  • Responsive Design: Enjoy a seamless music experience on any device with a responsive and adaptive design.
  • Dynamic Playlist: Easily manage your playlist with the ability to add, remove, and shuffle tracks on the fly.
  • Playback Controls: Standard playback controls like play, pause, skip forward, and skip backward for convenient music navigation.
  • Now Playing Information: Get real-time information about the currently playing track, including title and artist.

Technologies Used

  • React: Built with React, a popular JavaScript library for building user interfaces.
  • useContext Hook: State management made simple and efficient with the useContext hook.
  • CSS: Styling is done using modern CSS for a sleek and visually appealing look.
  • Bulma: Utilizing FontAwesome icons for a clean and consistent visual representation of playback controls.

Getting Started

  1. Clone the repository: git clone https://github.com/your-username/music-player.git
  2. Navigate to the project directory: cd music-player
  3. Install dependencies: npm install
  4. Start the development server: npm run dev

Feel free to explore the code, customize the player to fit your needs, and contribute to the project by submitting pull requests.

Enjoy your music!

Contributing

Found a bug or have a feature request? Open an issue or fork the repository, make your changes, and submit a pull request. Your contributions are always welcome!

License

This project is licensed under the MIT License - see the LICENSE file for details.