https://github.com/sourhub226/wetube-react

Video streaming app built using ReactJS and YouTube API
https://github.com/sourhub226/wetube-react

api css html javascript react reactjs video youtube-api

Last synced: over 1 year ago
JSON representation

Video streaming app built using ReactJS and YouTube API

• Host: GitHub
• URL: https://github.com/sourhub226/wetube-react
• Owner: sourhub226
• Created: 2021-05-28T08:45:44.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-08T00:29:08.000Z (over 3 years ago)
• Last Synced: 2025-03-26T15:48:04.332Z (over 1 year ago)
• Topics: api, css, html, javascript, react, reactjs, video, youtube-api
• Language: JavaScript
• Homepage: https://sourhub226.github.io/wetube-react/
• Size: 11.9 MB
• Stars: 7
• Watchers: 2
• Forks: 4
• Open Issues: 3
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
[
](https://sourhub226.github.io/wetube-react/)

 A YouTube like video streaming app built using ReactJS.




        

              

        

                

        

        

        

                

        

        



---

### 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 mode                                        |Dark mode

:------------------------------------------------:|:-----------------------------------------------:

![](screenshots/advanced-search-light-min.png)    |![](screenshots/advanced-search-dark-min.png)

![](screenshots/homepage-light-min.png)           |![](screenshots/homepage-dark-min.png)

![](screenshots/watch-area-light-min.png)         |![](screenshots/watch-area-dark-min.png)

---

### 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](https://developers.google.com/youtube/registering_an_application)

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