youtube

A YouTube like video streaming app built using ReactJS

Aug 19, 2021
A YouTube like video streaming app built using ReactJS

wetube-react

Video streaming app built using ReactJS and YouTube API

View Demo View Github

Features:

  • YouTube API allowing searching and playing videos directly from YouTube.
  • Advanced search to filter search results by order, duration, etc.
  • Dark mode to reduce eye strain while binge watching.

App screenshots:

Light modeDark mode
advanced-search-light-minadvanced-search-dark-min
homepage-light-minhomepage-dark-min
watch-area-light-minwatch-area-dark-min

Running the app:

  1. Clone the project repo

    git clone https://github.com/sourhub226/wetube-react.git
  2. Move to root directory of the project

    cd wetube-react
  3. Obtain a developer key for YouTube API v3 from here

  4. Create a .env file based on .env.template provided and put the above obtained key in it.
    The contents of the .env file should look something like this:

    API_KEY=XXXXXXXXXXXXXXXXXXXXXXXX
  5. Install all required npm packages

    npm install
  6. Run the app

    npm run dev
Recommended