├── .gitignore ├── README.md ├── images ├── image 1.png └── image 2.png ├── package.json ├── public ├── favicon.ico ├── favicon_48.png ├── favicon_64.png ├── index.html └── songs │ ├── .gitkeep │ └── birds.mp3 └── src ├── App.js ├── components ├── controls │ ├── _controls.style.scss │ └── controls.js ├── music │ ├── _music.style.scss │ └── music.js ├── side-bar │ ├── SideBar.js │ └── _sidebar.scss ├── side-components │ ├── ErrorBoundary.js │ ├── _icon.style.scss │ ├── icon.js │ └── overlay.js └── songs-list │ ├── SongsList.js │ └── _songs-list.style.scss ├── index.js ├── songs.utlil.js └── styles └── style.scss /.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mohammedahmed18/react-music-player/HEAD/.gitignore -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mohammedahmed18/react-music-player/HEAD/README.md -------------------------------------------------------------------------------- /images/image 1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mohammedahmed18/react-music-player/HEAD/images/image 1.png -------------------------------------------------------------------------------- /images/image 2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mohammedahmed18/react-music-player/HEAD/images/image 2.png -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mohammedahmed18/react-music-player/HEAD/package.json -------------------------------------------------------------------------------- /public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mohammedahmed18/react-music-player/HEAD/public/favicon.ico -------------------------------------------------------------------------------- /public/favicon_48.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mohammedahmed18/react-music-player/HEAD/public/favicon_48.png -------------------------------------------------------------------------------- /public/favicon_64.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mohammedahmed18/react-music-player/HEAD/public/favicon_64.png -------------------------------------------------------------------------------- /public/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mohammedahmed18/react-music-player/HEAD/public/index.html -------------------------------------------------------------------------------- /public/songs/.gitkeep: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /public/songs/birds.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mohammedahmed18/react-music-player/HEAD/public/songs/birds.mp3 -------------------------------------------------------------------------------- /src/App.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mohammedahmed18/react-music-player/HEAD/src/App.js -------------------------------------------------------------------------------- /src/components/controls/_controls.style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mohammedahmed18/react-music-player/HEAD/src/components/controls/_controls.style.scss -------------------------------------------------------------------------------- /src/components/controls/controls.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mohammedahmed18/react-music-player/HEAD/src/components/controls/controls.js -------------------------------------------------------------------------------- /src/components/music/_music.style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mohammedahmed18/react-music-player/HEAD/src/components/music/_music.style.scss -------------------------------------------------------------------------------- /src/components/music/music.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mohammedahmed18/react-music-player/HEAD/src/components/music/music.js -------------------------------------------------------------------------------- /src/components/side-bar/SideBar.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mohammedahmed18/react-music-player/HEAD/src/components/side-bar/SideBar.js -------------------------------------------------------------------------------- /src/components/side-bar/_sidebar.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mohammedahmed18/react-music-player/HEAD/src/components/side-bar/_sidebar.scss -------------------------------------------------------------------------------- /src/components/side-components/ErrorBoundary.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mohammedahmed18/react-music-player/HEAD/src/components/side-components/ErrorBoundary.js -------------------------------------------------------------------------------- /src/components/side-components/_icon.style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mohammedahmed18/react-music-player/HEAD/src/components/side-components/_icon.style.scss -------------------------------------------------------------------------------- /src/components/side-components/icon.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mohammedahmed18/react-music-player/HEAD/src/components/side-components/icon.js -------------------------------------------------------------------------------- /src/components/side-components/overlay.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mohammedahmed18/react-music-player/HEAD/src/components/side-components/overlay.js -------------------------------------------------------------------------------- /src/components/songs-list/SongsList.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mohammedahmed18/react-music-player/HEAD/src/components/songs-list/SongsList.js -------------------------------------------------------------------------------- /src/components/songs-list/_songs-list.style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mohammedahmed18/react-music-player/HEAD/src/components/songs-list/_songs-list.style.scss -------------------------------------------------------------------------------- /src/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mohammedahmed18/react-music-player/HEAD/src/index.js -------------------------------------------------------------------------------- /src/songs.utlil.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mohammedahmed18/react-music-player/HEAD/src/songs.utlil.js -------------------------------------------------------------------------------- /src/styles/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mohammedahmed18/react-music-player/HEAD/src/styles/style.scss --------------------------------------------------------------------------------