youtube-app

Build a React JS application with 3 pages which utilizes Google Youtube Data API to fetch public data for a given username/handle. Screens Description: 1. Dashboard: A search bar to search for username/handle. On entering the channel it should trigger a search on Google Youtube Data API for channel related videos. The videos should be represented in tiles with a video thumbnail and title. Tiles must be pressable and on press must play video in the app. 2. Insights: Should have a pie chart showing likes on top 5 videos. 3. Search History: search history and frequency tracking. Show a list of handles searched. UI structure: 1. Screen 1 and 3 there should be a menu item on the menu bar. 2. screen 2 should be open nested linking and that link would open when we click the insight button on the dashboard page. Further Modifications: 1. Create a Custom Button Functional based Component, which would take just the onClick event and style as prop, to set the title on that button, you have to take out the Custom Button Component reference, & used button reference to set title indirectly, Note: To set the title on the button component you have to use the reference. 2. Create another Custom Button Component same as in point 1. just the difference this component would be a class based component. 3. To pass the data between components you have to use context api.