{"id":20435313,"url":"https://github.com/sourhub226/wetube-react","last_synced_at":"2025-04-12T21:34:08.139Z","repository":{"id":49924444,"uuid":"371637559","full_name":"sourhub226/wetube-react","owner":"sourhub226","description":"Video streaming app built using ReactJS and YouTube API","archived":false,"fork":false,"pushed_at":"2023-01-08T00:29:08.000Z","size":12510,"stargazers_count":7,"open_issues_count":3,"forks_count":4,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-03-26T15:48:04.332Z","etag":null,"topics":["api","css","html","javascript","react","reactjs","video","youtube-api"],"latest_commit_sha":null,"homepage":"https://sourhub226.github.io/wetube-react/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/sourhub226.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2021-05-28T08:45:44.000Z","updated_at":"2024-08-11T15:10:44.000Z","dependencies_parsed_at":"2023-02-08T03:46:12.960Z","dependency_job_id":null,"html_url":"https://github.com/sourhub226/wetube-react","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sourhub226%2Fwetube-react","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sourhub226%2Fwetube-react/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sourhub226%2Fwetube-react/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sourhub226%2Fwetube-react/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sourhub226","download_url":"https://codeload.github.com/sourhub226/wetube-react/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248636918,"owners_count":21137527,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["api","css","html","javascript","react","reactjs","video","youtube-api"],"created_at":"2024-11-15T08:33:13.858Z","updated_at":"2025-04-12T21:34:08.122Z","avatar_url":"https://github.com/sourhub226.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"[\u003cp align=\"center\"\u003e\u003cimg src=\"app-logo.svg\" width=\"200\"\u003e\u003c/p\u003e](https://sourhub226.github.io/wetube-react/)\n\u003cp align=\"center\"\u003e A YouTube like video streaming app built using ReactJS.\u003c/p\u003e\n\n\u003c!-- Badges --\u003e\n\u003cp align=\"center\"\u003e\n        \u003cimg src=\"https://img.shields.io/badge/React-20232A?style=flat\u0026logo=react\u0026logoColor=61DAFB\" alt=\"Made with React\"\u003e\n        \u003cimg src=\"https://img.shields.io/static/v1?label=Youtube%20API\u0026message=v3\u0026color=white\u0026labelColor=ff0000\u0026logo=youtube\" alt=\"Youtube api\"\u003e      \n        \u003ca href=\"https://www.codefactor.io/repository/github/sourhub226/wetube-react\"\u003e\n                \u003cimg src=\"https://www.codefactor.io/repository/github/sourhub226/wetube-react/badge\" alt=\"CodeFactor\"\u003e\n        \u003c/a\u003e\n        \u003cimg src=\"https://github.com/sourhub226/wetube-react/actions/workflows/main.yml/badge.svg\" alt=\"Github pages deploy\"\u003e\n        \u003ca href=\"https://github.com/sourhub226/wetube-react/issues\"\u003e\n                \u003cimg src=\"https://img.shields.io/badge/contributions-welcome-brightgreen.svg?style=flat\" alt=\"contributions welcome\"\u003e\n        \u003c/a\u003e\n        \u003cimg src=\"https://views.whatilearened.today/views/github/sourhub226/todo-list-react.svg\" alt=\"ViewCount\"\u003e\n\u003c/p\u003e\n\n---\n\n### Features:\n- YouTube API allowing searching and playing videos directly from YouTube.\n- Advanced search to filter search results by order, duration, etc.\n- Dark mode to reduce eye strain while binge watching.\n\n---\n\n### App screenshots:\nLight mode                                        |Dark mode\n:------------------------------------------------:|:-----------------------------------------------:\n![](screenshots/advanced-search-light-min.png)    |![](screenshots/advanced-search-dark-min.png)\n![](screenshots/homepage-light-min.png)           |![](screenshots/homepage-dark-min.png)\n![](screenshots/watch-area-light-min.png)         |![](screenshots/watch-area-dark-min.png)\n\n---\n\n### Running the app: \n1. Clone the project repo\n\n        git clone https://github.com/sourhub226/wetube-react.git\n \n2. Move to root directory of the project \n\n        cd wetube-react\n     \n3. Obtain a developer key for YouTube API v3 from [here](https://developers.google.com/youtube/registering_an_application)\n4. Create a `.env` file based on `.env.template` provided and put the above obtained key in it. \u003cbr\u003eThe contents of the `.env` file should look something like this:\n\n        API_KEY=XXXXXXXXXXXXXXXXXXXXXXXX\n        \n5. Install all required npm packages\n\n        npm install\n    \n6. Run the app\n\n        npm run dev\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsourhub226%2Fwetube-react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsourhub226%2Fwetube-react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsourhub226%2Fwetube-react/lists"}