Skip to content

ashinzekene/react-music-player

Repository files navigation

MUSIC PLAYER

Build Status

A react music player PWA that plays local files using the Files API

CHECK OUT THE WEB APP

React music player 1

React music player 2

React music player 3

React music player 4

CONTRIBUTING

Feel free to contribute to the repo. Make sure you configure eslint, or run lint before submitting pull requests

TECH STACK

  • React
  • Redux

Features

  1. Play/Pause
  2. Repeat Options
  3. Progress Bar
  4. Drag and Drop - Thanks to @CliffReimers
  5. Keyborad Controls - Thanks to @Spring3

TODO LIST

  1. Play Next Automatically ✅
  2. Controls - Next, Previous, Progress Bar ✅
  3. Saving Songs(localStroage) ✅
  4. UI ✅
  5. A Page for currently playing song ✅
  6. Host on GitHub ✅
  7. Repeat ✅
  8. Seek progressbar on nowPlayingPage ✅
  9. Let playing song show as playing
  10. Add Icons to sidebar
  11. Show Time
  12. Use the MediaAPI
  13. Fix linting
  14. Shuffle
  15. Search
  16. Playlists

BUGS

  1. Pauses on state change ✅

Was due to the fact the audio element was in a child component which unmounts was resolved by moving the audio element to a component that does not unmount