YouTube implemented for me using ReactJs, React Router Dom, Redux, Redux-thunk and YouTube API v3.

I use this script to listen music when I do not want other to know by looking at my computer screen which website I am browsing. This app has some known bug and most probably I will not fix it because it has everything I need and I do not perform action that will produce bug.

btw! I tried to use a lot of popular package like React Router Dom V4, Redux, Redux-thunk, MomentJS etc.

If you want to run this script, just run npm install and rename /src/config/settings.sample.js file to /src/config/settings.js and update google api key. API key has to be YouTube data api v3 enabled.

3.0.0

• Completly redesigned structure

2.1.0

• react-router-dom (Single page view added)
• Bug fixes
• Code structure upgrade and better code formatting
• Removed react-router-dom (Single page view removed)
• Added Play/Pause button on Single Item
• Better notification on error
• UI tweak
• Build version published on firebase

1.0.0

• YouTube player on a different view
• YouTube data api v3
• Build version published as github page
• Packages
  • create-react-app
  • bulma
  • react-router-dom
  • moment
  • redux, react-redux
  • redux-thunk
  • axios

Future goal

• Add react-router-dom to create single view or share url
• Display error notification
• Play/Pause button
• Volume controller
• Host on firebase
• Add redux-persist
• Related item section
• Add item to favourite list
• Firebase authentication to add comment
• Better redux actions and reducers structure
• Redesign current theme
• Show description of current playing item