YouTubeViewer is a responsive SPA, a simplified clone of YouTube's video view & search section. It uses YouTube Data API v3 to perform the queries.
Search: Each search returns 5 videos as results, first video is automatically shown as selected video.
Search results are restricted to videos only, channel type results are ignored.
Video Select: Clicking on any video in the list will set that video to selected video view.
Front-end: Built with using ReactJS, along with couple handy npm packages. Redux for state management and Redux Thunk for handling asynchronous actions. CSS is mainly handled by using Semantic UI framework together with JSX inline styles on several parts.
Developed based on "YouTube" SPA React application example, from Stephen Grider's course "Modern React with Redux". Improved the state management by using Redux, instead of using React. Implemented responsive design for different devices.
Course link: https://www.udemy.com/course/react-redux/
Note: Live preview is temporarily unavailable due to external API changes. This will be updated soon.