This is a test project light weight youtube viewer using Youtube API, React, Redux, Typescript

App ScreenShot


Project is created with:

  • React: 18.1.0
  • Reactstrap: 9.0.3
  • Redux: 4.1.2
  • Redux-Thunk: 2.4.1
  • Axios: 0.27.2
  • Typescript: 4.7.3


  1. Add your own personal youtube API Key in constants/defaultValues.ts const API_KEY = "ADD_API_KEY_HERE"; you can generate one from the Google Developer Console


To run this project, install it locally using yarn:

$ yarn install $ yarn start

Runs the app in the development mode. Open http://localhost:3000 to view it in the browser. if localhost is not working because of the https redirect try Open

The page will reload if you make edits. You will also see any errors in the console.


  • Search your favorite video from youtube
  • Play selected video
  • List of search videos
  • Preview the comments for each selected video
  • Load next page comments for selected video


  • Update Redux to Redux ToolKit
  • Update Typescript for Redux ToolKit
  • Install React Router and Separate the Videos List from Selected Video to Another Page
  • Make Autocomplete Search


View Github