Itunes Music Player - in React
Table of Contents
Front End Tech Stack used for the App
- Material UI - UI framework, popularly used for React Native
- React JS
- CSS3
- HTML5
- ES6 Classes
- Native Promises
- No other dependencies are needed for build such as Webpack or Babel
Features Implemented
- Mobile and Desktop modes available
- Music List are filterable by filter text field
- Music controls are all working ie play, pause, prev and next controls are available
Supported Browsers:
Latest Chrome, Firefox and other Webkit-based browsers Only.
Apparently IE11 can't seem to read m4a players very well
Instructions to build and deploy
As mentioned earlier, as there's no heavy dependencies or build configuration process behind this, you can just do the following.
- Download the zipped file.
- Run
npm install
- Run
npm start
- The
http://localhost:3000
will load up in the browser.
Have fun!
TODOS
- Visual indicator to display currently playing track when selecting music from list, at present it's indicated on the app bar on top.
- Event Handling for the music list item to stay playing when you switch music items when viewing in mobile mode. At present, you need to have the music controller to explicit play/pause the music when searching/switching music mode.